@rango-dev/widget-embedded 0.29.1-next.0 → 0.29.1-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/components/BlockchainList/BlockchainList.styles.d.ts +3 -3
  2. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +1 -1
  3. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +15 -15
  4. package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +3 -3
  5. package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +4 -4
  6. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +8 -8
  7. package/dist/components/HistoryGroupedList/HistoryGroupedList.styles.d.ts +6 -6
  8. package/dist/components/Layout/Layout.styles.d.ts +4 -4
  9. package/dist/components/Layout/PageContainer.d.ts +1 -1
  10. package/dist/components/Layout/ScrollableArea.d.ts +1 -1
  11. package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +1 -1
  12. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +14 -14
  13. package/dist/components/NoResult/NoResult.styles.d.ts +4 -4
  14. package/dist/components/NotificationContent/NotificationContent.d.ts.map +1 -1
  15. package/dist/components/NotificationContent/NotificationContent.styles.d.ts +8 -8
  16. package/dist/components/Quote/Quote.styles.d.ts +21 -21
  17. package/dist/components/Quote/QuoteCostDetails.styles.d.ts +5 -5
  18. package/dist/components/Quote/QuoteSummary.styles.d.ts +2 -2
  19. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +4 -4
  20. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +10 -10
  21. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +5 -5
  22. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +4 -4
  23. package/dist/components/Quotes/Quotes.styles.d.ts +3 -3
  24. package/dist/components/RefreshModal/RefreshModal.styles.d.ts +1 -1
  25. package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
  26. package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +3 -3
  27. package/dist/components/Slippage/Slippage.styles.d.ts +5 -5
  28. package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
  29. package/dist/components/SwapDetails/SwapDetails.styles.d.ts +15 -15
  30. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +3 -3
  31. package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +2 -2
  32. package/dist/components/SwitchFromAndTo/SwitchFromAndTo.styles.d.ts +2 -2
  33. package/dist/components/TokenList/TokenList.styles.d.ts +18 -18
  34. package/dist/components/WalletModal/WalletModalContent.styles.d.ts +4 -4
  35. package/dist/components/WalletNamespacesModal/WalletNamespacesModal.styles.d.ts +1 -1
  36. package/dist/containers/App/App.styles.d.ts +1 -1
  37. package/dist/containers/ExpandedQuotes/ExpandedQuotes.styles.d.ts +2 -2
  38. package/dist/containers/Inputs/Inputs.styles.d.ts +2 -2
  39. package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +3 -3
  40. package/dist/containers/WidgetInfo/WidgetInfo.d.ts.map +1 -1
  41. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts +4 -2
  42. package/dist/containers/WidgetInfo/WidgetInfo.helpers.d.ts.map +1 -1
  43. package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -1
  44. package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts +2 -1
  45. package/dist/hooks/useConfirmSwap/useConfirmSwap.helpers.d.ts.map +1 -1
  46. package/dist/hooks/useSyncStoresWithConfig.d.ts.map +1 -1
  47. package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.d.ts.map +1 -1
  48. package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.d.ts +2 -2
  49. package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.d.ts.map +1 -1
  50. package/dist/hooks/useTheme.d.ts.map +1 -1
  51. package/dist/index.js +2 -2
  52. package/dist/index.js.map +4 -4
  53. package/dist/store/quote.d.ts +9 -3
  54. package/dist/store/quote.d.ts.map +1 -1
  55. package/dist/store/selectors.d.ts +1 -1
  56. package/dist/store/selectors.d.ts.map +1 -1
  57. package/dist/store/slices/data.d.ts +5 -3
  58. package/dist/store/slices/data.d.ts.map +1 -1
  59. package/dist/store/wallets.d.ts +5 -4
  60. package/dist/store/wallets.d.ts.map +1 -1
  61. package/dist/test-utils/fixtures.d.ts +1 -1
  62. package/dist/test-utils/fixtures.d.ts.map +1 -1
  63. package/dist/types/config.d.ts +2 -1
  64. package/dist/types/config.d.ts.map +1 -1
  65. package/dist/utils/meta.d.ts +2 -1
  66. package/dist/utils/meta.d.ts.map +1 -1
  67. package/dist/utils/quote.d.ts +4 -8
  68. package/dist/utils/quote.d.ts.map +1 -1
  69. package/dist/utils/swap.d.ts +3 -4
  70. package/dist/utils/swap.d.ts.map +1 -1
  71. package/dist/utils/wallets.d.ts +4 -5
  72. package/dist/utils/wallets.d.ts.map +1 -1
  73. package/dist/widget-embedded.build.json +1 -1
  74. package/package.json +3 -3
  75. package/src/components/Layout/Layout.styles.ts +1 -1
  76. package/src/components/NotificationContent/NotificationContent.tsx +3 -8
  77. package/src/components/Quote/Quote.tsx +3 -3
  78. package/src/components/Quotes/Quotes.tsx +2 -2
  79. package/src/components/SwapDetails/SwapDetails.tsx +8 -3
  80. package/src/containers/Wallets/Wallets.tsx +2 -2
  81. package/src/containers/WidgetInfo/WidgetInfo.helpers.ts +12 -3
  82. package/src/containers/WidgetInfo/WidgetInfo.tsx +4 -2
  83. package/src/hooks/useConfirmSwap/useConfirmSwap.helpers.ts +4 -2
  84. package/src/hooks/useConfirmSwap/useConfirmSwap.ts +3 -1
  85. package/src/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.ts +3 -3
  86. package/src/hooks/useSwapInput.ts +2 -2
  87. package/src/hooks/useSyncStoresWithConfig.ts +6 -7
  88. package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.helpers.ts +12 -26
  89. package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.ts +19 -12
  90. package/src/hooks/useTheme.ts +1 -0
  91. package/src/store/quote.ts +12 -7
  92. package/src/store/selectors.ts +6 -4
  93. package/src/store/slices/data.test.ts +9 -5
  94. package/src/store/slices/data.ts +26 -7
  95. package/src/store/wallets.ts +9 -8
  96. package/src/test-utils/fixtures.ts +9 -2
  97. package/src/types/config.ts +2 -1
  98. package/src/utils/meta.ts +5 -6
  99. package/src/utils/quote.ts +12 -20
  100. package/src/utils/swap.ts +5 -25
  101. package/src/utils/wallets.ts +4 -28
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var Zf=Object.defineProperty;var i=(t,e)=>Zf(t,"name",{value:e,configurable:!0});import{EventSeverity as t2,MainEvents as o2,RouteEventType as n2,StepEventType as r2,StepExecutionBlockedEventStatus as i2,StepExecutionEventStatus as a2,useEvents as s2}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as p2,useWallets as kr,Events as c2}from"@rango-dev/wallets-react";import{Networks as m2,WalletTypes as d2}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as g2}from"rango-types";import{UI_ID as Jf}from"@rango-dev/ui";var vn="c6381a79-2817-4602-83bf-6a641a409e32",ll="https://api.rango.exchange",pl="https://explorer.rango.exchange",ye={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Jf};var cl="Roboto",ki=[{name:"Roboto",value:"Roboto",url:""},{name:"Times New Roman",value:"Times New Roman",url:"https://fonts.cdnfonts.com/css/times-new-roman"},{name:"Arial",value:"Arial",url:""},{name:"Open Sans",value:"Open Sans",url:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"},{name:"Noto Sans",value:"Noto Sans",url:"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Montserrat",value:"Montserrat",url:"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Poppins",value:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"},{name:"Roboto Condensed",value:"Roboto Condensed",url:"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Roboto Mono",value:"Roboto Mono",url:"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"},{name:"Oswald",value:"Oswald",url:"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap"},{name:"Raleway",value:"Raleway",url:"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Sedan",value:"Sedan",url:"https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap"},{name:"Inter",value:"Inter",url:"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"},{name:"Rubik",value:"Rubik",url:"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"},{name:"Lora",value:"Lora",url:"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap"},{name:"Barlow Condensed",value:"Barlow Condensed",url:"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"}];import{Events as Di,Provider as Hg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gg}from"rango-sdk";import On,{createContext as Vg,useEffect as np,useMemo as Xg,useRef as rp}from"react";import{useEffect as yg}from"react";import{create as fg}from"zustand";import{subscribeWithSelector as gg}from"zustand/middleware";import{RangoClient as mg}from"rango-sdk";import{BlockchainCategories as rg,WalletState as yt}from"@rango-dev/ui";import{readAccountAddress as ig}from"@rango-dev/wallets-react";import{detectInstallLink as ag,getCosmosExperimentalChainInfo as sg,isEvmAddress as lg,KEPLR_COMPATIBLE_WALLETS as ax,Networks as wl}from"@rango-dev/wallets-shared";import Ii from"bignumber.js";import{isCosmosBlockchain as pg}from"rango-types";import Rf from"bignumber.js";var Be=new Rf(0);import{WalletTypes as eg}from"@rango-dev/wallets-shared";var ul=[eg.LEAP];import{BlockchainCategories as wi}from"@rango-dev/ui";import{TransactionType as xn}from"rango-sdk";function ho(t){return Array.from(new Set(t))}i(ho,"removeDuplicateFrom");function bi(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(bi,"areEqual");function yl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(yl,"debounce");function bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(bt,"containsText");function fl(t,e){return t.toLowerCase()===e.toLowerCase()}i(fl,"exactText");function gl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(gl,"startWithText");var P=i(()=>document.getElementById(ye.SWAP_BOX_ID),"getContainer"),Do=i(()=>document.getElementById(ye.EXPANDED_BOX_ID),"getExpanded");function hl(t,e,o){let n=!!e&&fl(e,t),r=!!o&&fl(o,t);return n!==r?n?-1:1:0}i(hl,"compareExactMatchText");function vi(t,e,o){let n=!!e&&bt(e,t),r=!!o&&bt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(vi,"compareContainsText");function xi(t,e,o){let n=!!e&&gl(e,t),r=!!o&&gl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(xi,"compareStartWithText");function Sl(t,e,o){if(!o)return 0;let n=hl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=hl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=xi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=vi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=xi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=vi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=xi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=vi(o,t.address,e.address);if(r!==0)return r}return 0}i(Sl,"compareWithSearchFor");var bn=i((t,e)=>{switch(e){case wi.ALL:return!0;case wi.UTXO:return t===xn.TRANSFER;case wi.OTHER:return t!==xn.TRANSFER&&t!==xn.COSMOS&&t!==xn.EVM;default:return t===e}},"isBlockchainTypeInCategory"),Cl=i(t=>ki.find(o=>o.value===t)?.url,"getFontUrlByName");import{BigNumber as kl}from"bignumber.js";var Fo=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new kl(t),r=1,a=1e3;for(let s=0;s<60;s++)if(new kl(n.toFixed(s,r)).eq(n)){a=s;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,4))),r);for(let s=e||4;s<17;s++)if(n.gte(Math.pow(10,-s)))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,s))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var In=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var ht=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Oo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ce(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ce,"formatTooltipNumbers");function Ei(t){switch(!0){case t.connected:return yt.CONNECTED;case t.connecting:return yt.CONNECTING;case!t.installed:return yt.NOT_INSTALLED;default:return yt.DISCONNECTED}}i(Ei,"mapStatusToWalletState");function vl(t,e,o,n){return o.filter(r=>!ul.includes(r)).filter(r=>{let{supportedChains:a,isContractWallet:s}=e(r),{installed:l,network:p}=t(r);return s&&(!l||!!n&&p!==n)?!1:n?!!a.find(c=>c.name===n):!0}).map(r=>{let{name:a,img:s,installLink:l,showOnMobile:p,namespaces:u,singleNamespace:c,supportedChains:m}=e(r),d=ho(m.map(g=>g.type)),f=Ei(t(r));return{title:a,image:s,link:ag(l),state:f,type:r,showOnMobile:p,namespaces:u,singleNamespace:c,blockchainTypes:d}})}i(vl,"mapWalletTypesToWalletInfo");function Nn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Nn,"walletAndSupportedChainsNames");function xl(t,e,o,n,r){let a=[];function s(p,u){if(!!!a.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};a.push(m)}}i(s,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=ig(p),m=l.length>0,d=l.includes(c),f=c===wl.Unknown;if(m&&!d&&!f)return;let S=c===wl.Unknown&&lg(u);if(f&&!S)return;o.includes(c)||S?r?s(c,u.toLowerCase()):l.filter(C=>o.includes(C)).forEach(C=>{s(C,u.toLowerCase())}):s(c,u)}),a}i(xl,"prepareAccountsForWalletStore");function Rt(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,a)=>{let s=r.from.blockchain,l=r.to.blockchain;if(n.add(s),r.internalSwaps){let{internalSwaps:p}=r;p.forEach((u,c)=>{let m=u.from.blockchain,d=u.to.blockchain,f=a===o.swaps.length-1,g=c===p.length-1;(!f&&!g||f&&l!==m||e==="all")&&n.add(m),e==="all"&&n.add(d)})}e==="all"&&n.add(l)}),Array.from(n)}i(Rt,"getQuoteWallets");function Wn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Wn,"isAccountAndWalletMatched");function bl(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 Ii(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ug(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(bl,"makeBalanceFor");function Il(t){return{...t,loading:!1,error:!0}}i(Il,"resetConnectedWalletState");var El=i(t=>{let e=new Set,n=t?.reduce((a,s)=>a.findIndex(l=>l.address===s.address&&l.chain===s.chain)===-1?[...a,s]:a,[])?.map(a=>{let s={name:a.chain,accounts:[]};return e.has(a.address)||e.add(a.address),e.forEach(l=>{a.address===l&&s.accounts.push(a)}),s}),r=N(n?.flatMap(a=>a.accounts)?.flatMap(a=>a?.balances)?.map(a=>new Ii(a?.amount||Be).multipliedBy(a?.usdPrice||0))?.reduce((a,s)=>a.plus(s),Be)||Be).toString();return cg(r)},"calculateWalletUsdValue");function cg(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(cg,"numberWithThousandSeparator");var ug=i((t,e,o,n)=>n?.find(a=>a.blockchain===t&&a.symbol?.toUpperCase()===e?.toUpperCase()&&a.address===o)?.usdPrice||null,"getUsdPrice"),Mn=i((t,e)=>{let o=sg(Object.entries(t).map(([,n])=>n).filter(pg));return o&&o[e]?.experimental},"isExperimentalChain");function Ln(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Ln,"formatBalance");function Al(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(Al,"compareTokenBalance");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol.toLowerCase()===e?.symbol.toLowerCase()&&t?.address?.toLowerCase()===e?.address?.toLowerCase()}i(Pe,"areTokensEqual");function Nl(t){return t.sort((e,o)=>+(o.state===yt.CONNECTED)-+(e.state===yt.CONNECTED)||+(o.state===yt.DISCONNECTED||o.state===yt.CONNECTING)-+(e.state===yt.DISCONNECTED||e.state===yt.CONNECTING))}i(Nl,"sortWalletsBasedOnConnectionState");function Bn(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(Bn,"getConciseAddress");function Wl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Wl,"getAddress");function Ai(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Ai,"createTokenHash");function Pn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Ii(o?.usdPrice??Be).multipliedBy(o?.amount).toString():""},r=o?Ai({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,a=r?e[r]:null;return r&&(!a||a&&a.amount<n.amount)&&(e[r]=n),e},{})}i(Pn,"makeTokensBalance");var Ml=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ll(t){return t.map(e=>e.state).join("-")}i(Ll,"hashWalletsState");function Bl(t,e){let o=new Set;return t.forEach(r=>{r.blockchainTypes.forEach(a=>{o.add(a)})}),e.filter(r=>o.has(r.type))}i(Bl,"filterBlockchainsByWalletTypes");function Pl(t,e){return e===rg.ALL?t:t.filter(o=>{for(let n of o.blockchainTypes)if(bn(n,e))return!0;return!1})}i(Pl,"filterWalletsByCategory");var Ni={API_KEY:vn};function It(t){return Ni[t]||""}i(It,"getConfig");function _l(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Ni=e,Ni}i(_l,"initConfig");var $l=20,Dl=25,Wi="theme-widget",Uo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Pe(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Pe(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Mi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Fl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var _n,Ft=i(()=>_n||(_n=new mg(It("API_KEY"),It("BASE_URL")),_n),"httpService");var dg=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"),Ot=dg;var ee=Ot(fg()(gg((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let l=!a.connectedWallets.some(p=>p.chain===s.chain&&p.selected&&p.walletType!==s.walletType);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.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),a=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Pn(a),connectedWallets:a}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let a=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),s=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return a?{...r,selected:!1}:s?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let a=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.map(l=>o.find(p=>Wn(p,l))?{...l,loading:!0}:l)}));try{let s=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Ft().getWalletsDetails(s)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(d=>{let f=o.find(S=>Wn(S,d)),g=p.find(S=>S.address===d.address&&S.blockChain===d.chain);return g?.failed&&f&&r&&a([f],n,!1),f&&g?{...d,explorerUrl:g.explorerUrl,balances:bl(g,n),loading:!1}:d});return{loading:!1,balances:Pn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>Wn(m,c))?Il(c):c);return{loading:!1,balances:Pn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Ai(o);return n[r]??null}}))));import{allProviders as hg}from"@rango-dev/provider-all";function $n(t,e){let o=hg({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||"",DISABLE_MODAL_AND_OPEN_LINK:e?.walletConnectListedDesktopWalletLink},selectedProviders:t});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let a=o.find(s=>s.config.type===r);a?n.push(a):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i($n,"matchAndGenerateProviders");function Ol(t,e){return $n(t,e).map(r=>r.config.type)}i(Ol,"configWalletsToWalletName");function Ul(t,e){let o=ee.use.clearConnectedWallet(),n=$n(t,e);return yg(()=>{o(),n=$n(t,e)},[t?.length]),{providers:n}}i(Ul,"useWalletProviders");import Dg,{createContext as Fg,useContext as Og,useEffect as Ug,useRef as zg}from"react";import{create as _g}from"zustand";import{persist as $g}from"zustand/middleware";var Li={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Sg={clientUrl:void 0},Cg={liquiditySources:void 0},zl=i((t,e,o)=>({config:{...Li,...t},iframe:Sg,campaignMode:Cg,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 a=o().campaignMode;e({campaignMode:{...a,[n]:r}})},updateIframe:(n,r)=>{let a=o().iframe;e({iframe:{...a,[n]:r}})}}),"createConfigSlice");function Dn(t,e){return e.find(o=>o.name===t)?.displayName}i(Dn,"getBlockchainDisplayNameFor");function je(t,e){return e.find(o=>o.name===t)?.shortName}i(je,"getBlockchainShortNameFor");function zo(t,e){return e.find(o=>o.id===t)?.title}i(zo,"getSwapperDisplayName");function Bi(t,e){return e.find(o=>Pe(o,t))??null}i(Bi,"findToken");function Pi(t,e){return e.find(o=>o.name===t)??null}i(Pi,"findBlockchain");function _i(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(_i,"isTokenNative");function Fn(t,e){let o=t.map(a=>a.swapperGroup),n=[];return ho(t.map(a=>a.swapperGroup)).map(a=>{let s=t.find(l=>l.swapperGroup===a);if(s){let l=!0;o&&(l=o.some(p=>p===s.swapperGroup)),l&&s.types.map(p=>{n.push({id:s.swapperGroup,groupTitle:s.swapperGroup,logo:s.logo,type:p,selected:!e.includes(s.swapperGroup)})})}}),n}i(Fn,"getUniqueSwappersGroups");function ql(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ql,"sortLiquiditySourcesByGroupTitle");function Ke(t,e){return e?.[t]==="hidden"}i(Ke,"isFeatureHidden");function Ql(t,e){return e?.[t]==="enabled"}i(Ql,"isFeatureEnabled");var Hl=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 a=e().config,s=(o.type==="source"?a.from?.blockchains:a.to?.blockchains)??[];return r.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let a=e().config,s=(o.type==="source"?a.from?.tokens:a.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(u=>s&&Uo(u,s)||o.blockchain&&u.blockchain!==o.blockchain||!l.some(c=>c.name===u.blockchain)?!1:o.searchFor?!!(bt(u.symbol,o.searchFor)||bt(u.address||"",o.searchFor)||bt(u.name||"",o.searchFor)):!0).sort((u,c)=>{let m=e().isTokenPinned(u,o.type),d=e().isTokenPinned(c,o.type);if(m!==d)return m?-1:1;if(o.getBalanceFor){let h=o.getBalanceFor(u),C=o.getBalanceFor(c),k=Al(h,C);if(k!==0)return k}let f=r.get(u.blockchain),g=r.get(c.blockchain),S=_i(u,f),T=_i(c,g);if(S!==T)return S?-1:1;if(u.isPopular!==c.isPopular)return u.isPopular?-1:1;if(o.searchFor){let h=Sl(u,c,o.searchFor);if(h)return h}return u.isSecondaryCoin!==c.isSecondaryCoin?u.isSecondaryCoin?1:-1:f&&g?f.sort-g.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(s=>Pe(s,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,a=r??o.liquiditySources,s=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(u=>{let c=a?.includes(u.swapperGroup);return s||!a||a.length===0?!c:c}).sort(ql)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Ft().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,a=[],s=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(c=>{p.add(c.blockchain),a.push(c)}),n.blockchains.sort((c,m)=>c.sort-m.sort).forEach(c=>{c.enabled&&p.has(c.name)&&r.set(c.name,c)}),t({_blockchainsMapByName:r,_tokens:a,_popularTokens:s,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Tg,English as kg,Finland as wg,French as vg,German as xg,Greece as bg,Italian as Ig,Japanese as Eg,Netherlands as Ag,Poland as Ng,Portuguese as Wg,Russian as Mg,Spanish as Lg,Swedish as Bg,Ukrainian as Pg}from"@rango-dev/ui";var Gl=[{title:"English",label:"English",local:"en",SVGFlag:kg},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Lg},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:vg},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Eg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Wg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Tg},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:Mg},{title:"German",label:"Deutsch",local:"de",SVGFlag:xg},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Pg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Bg},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:wg},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Ag},{title:"Greek",label:"Grieks",local:"el",SVGFlag:bg},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Ig},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Ng}],qo="en";var Vl=[.5,1,3],Xl=1,jl=5,Kl=100,Yl=0;var Zl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Xl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((s,l)=>{let p=s===o,u=l<=9;return p&&u}))return;let a=n.filter(s=>!(s===o));t(()=>({preferredBlockchains:[o,...a]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let a=ho(o.map(s=>s.swapperGroup));return a.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:a}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,a=Ke("theme",n),s=Ke("language",n),l=Ke("liquiditySource",n),p=r?.singleTheme;t({...a&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...s&&{language:o.language||qo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Jl(t){return _g()($g((...e)=>({...Hl(...e),...Zl(...e),...zl(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(Jl,"createAppStore");var Rl=Fg(null);function y(){let t=Og(Rl);if(Ug(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(y,"useAppStore");function ep(t){let e=zg();return e.current||(e.current=Jl(t.config)),Dg.createElement(Rl.Provider,{value:e.current},t.children)}i(ep,"AppStoreProvider");import{create as Qg}from"zustand";var tp="rango-widget";var Qo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(tp),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 ie=Ot(Qg()((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})}}))),eo=new Qo({onInit:()=>ie.setState({tabManagerInitiated:!0}),onClaim:()=>ie.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ie.setState({isActiveTab:!1})});var Un=Vg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function jg(t){let{updateConfig:e,updateSettings:o,fetch:n}=y(),r=y().blockchains(),a=y().tokens(),s=y().config,l={walletConnectProjectId:t.config?.walletConnectProjectId,walletConnectListedDesktopWalletLink:t.config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink},{providers:p}=Ul(s.wallets,l),{connectWallet:u,disconnectWallet:c}=ee(),m=rp(),d=rp();np(()=>{n().catch(console.log)},[]),np(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:s,dappConfig:t.config})},[t.config]);let f=r.filter(Gg).map(h=>h.name),g=i((h,C,k,x,I)=>{if(C===Di.ACCOUNTS)if(k){let b=Nn(I.supportedBlockchains),v=xl(h,k,f,b,I.isContractWallet);v.length&&u(v,a)}else c(h),d.current?d.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(C===Di.ACCOUNTS&&x.connected){let b=`${h}-${x.network}-${k}`;x.connected&&(m.current?m.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===Di.NETWORK&&x.network){let b=`${h}-${x.network}`;m.current?m.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,C,k,x,I)},"onUpdateState"),S=ie.use.isActiveTab(),T=Xg(()=>({onConnectWallet:h=>{m.current=h},onDisconnectWallet:h=>{d.current=h}}),[]);return On.createElement(Un.Provider,{value:T},On.createElement(Hg,{allBlockChains:r,providers:p,onUpdateState:g,autoConnect:!!S},t.children))}i(jg,"Main");function zn(t){let{config:e,...o}=t;return On.createElement(ep,{config:e},On.createElement(jg,{...o,config:e}))}i(zn,"WidgetWallets");import Ti from"react";import Kg,{Fragment as Yg}from"react";import{MemoryRouter as Zg,useInRouterContext as Jg}from"react-router";function ip({children:t}){let o=Jg()?Yg:Zg;return Kg.createElement(o,null,t)}i(ip,"AppRouter");import{I18nManager as fv}from"@rango-dev/ui";import il from"react";import qe from"react";import{useRoutes as Jw}from"react-router-dom";var z={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 Co,useRef as Zn}from"react";import At from"bignumber.js";import{create as oh}from"zustand";import{subscribeWithSelector as nh}from"zustand/middleware";import{getLastSuccessfulStep as th}from"@rango-dev/queue-manager-rango-preset";import LI from"bignumber.js";import{i18n as Ho}from"@lingui/core";var Fi={"Network Fee":Ho.t("Network Fee"),"Swapper Fee":Ho.t("Protocol Fee"),"Affiliate Fee":Ho.t("Affiliate Fee"),"Outbound network fee":Ho.t("Outbound Fee"),"Rango Fee":Ho.t("Rango Fee")},Oi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],ap=30;import{i18n as at}from"@lingui/core";import{RouteEventType as hI}from"@rango-dev/queue-manager-rango-preset";import _e from"bignumber.js";import{PendingSwapNetworkStatus as Hn}from"rango-types";function qn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(qn,"isValidAddress");import{i18n as Me}from"@lingui/core";var te=i(()=>({genericServerError:Me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Me.t("Please reset your liquidity sources."),description:Me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Me.t("No Routes Found."),description:Me.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:Me.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Me.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Me.t("High Price Impact"),title:Me.t("Price impact is too high!"),description:Me.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Me.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Me.t("USD Price Unknown"),title:Me.t("USD Price Unknown, Cannot calculate Price Impact."),description:Me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Me.t("Confirm USD Price Unknown")}}),"errorMessages");function sp(t){switch(t.type){case 0:return t.diagnosisMessage??te().noResultError.title;case 1:return te().genericServerError;default:return""}}i(sp,"getQuoteErrorMessage");import{i18n as Qn}from"@lingui/core";var to=i(()=>({connectWallet:Qn.t("Connect Wallet"),swap:Qn.t("Swap"),swapAnyway:Qn.t("Swap anyway"),ethWarning:Qn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function lp(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new _e(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new _e(1e3)))??!1}i(lp,"hasHighValueLoss");function pp(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new _e(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new _e(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(pp,"hasLimitError");function cp(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new _e(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new _e(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 _e(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new _e(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",a="",s="";return!r&&o&&o.gt(e.fromAmount)?(a=at.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),s=te().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(a=at.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),s=te().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(a=at.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),s=te().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(a=at.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),s=te().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:a,recommendation:s}}i(cp,"getLimitErrorMessage");function up(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:a,warning:s,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:to().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!a||l||!r||r==="0"?{title:to().swap,action:"confirm-swap",disabled:!0}:s?{title:to().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:to().ethWarning,action:"confirm-warning",disabled:!1}:{title:to().swap,action:"confirm-swap",disabled:!1}:{title:to().connectWallet,action:"connect-wallet",disabled:!1}}i(up,"getSwapButtonState");function Ui(t,e,o){return!((!o||o.lte(Be))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ui,"canComputePriceImpact");var Rg=i((t,e,o,n)=>n?.find(a=>a.blockchain===t&&a.symbol?.toUpperCase()===e?.toUpperCase()&&a.address===o)?.usdPrice||null,"getUsdPrice");function zi(t,e){let o=Be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let a=Rg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new _e(r.amount).multipliedBy(a||0))}return o}i(zi,"getUsdFeeOfStep");function Gn(t,e){return t.reduce((o,n)=>o.plus(zi(n,e)),Be)}i(Gn,"getTotalFeeInUsd");function qi(t){let e=Be;return e=e.plus(new _e(t.amount).multipliedBy(t.price||0)),e}i(qi,"getUsdFee");function mp(t){return t.reduce((e,o)=>e.plus(qi(o)),Be)}i(mp,"getTotalFeesInUsd");function dp(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,a=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;a[r]=[...a[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(dp,"getFeesGroup");function fp(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(fp,"checkSlippageErrors");function gp(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(gp,"checkSlippageWarnings");function Vn(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(Vn,"getMinRequiredSlippage");function hp(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(hp,"hasProperSlippage");function yp(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:a,disabledLiquiditySources:s,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:d,destination:f,enableCentralizedSwappers:g}=t,S=a?.reduce((C,k)=>(C[k.chain]=k.address,C),{}),T=[];return r?.forEach(C=>{T.push({blockchain:C.chain,addresses:[C.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:d??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:T,selectedWallets:S??{},slippage:u.toString(),...f&&{destination:f},...p&&{swapperGroups:s.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!s.includes(C)),swappersGroupsExclude:!1},enableCentralizedSwappers:g}}i(yp,"createQuoteRequestBody");function Sp(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Sp,"getWalletsForNewSwap");function yo(t){return t?.outputAmount||null}i(yo,"getQuoteOutputAmount");function Cp(t,e){return new _e(e).div(new _e(t)).minus(1).multipliedBy(100).toNumber()}i(Cp,"getPercentageChange");function Tp(t,e){let o=yo(t),n=yo(e);if(!o||!n)return!1;let r=Ye(o,n);return r?r<=-1:!0}i(Tp,"isOutputAmountChangedALot");function kp(t,e,o){let n=t.validationStatus,r=Rt({filter:"required",quote:t});return e.sort((s,l)=>r.indexOf(s.chain)-r.indexOf(l.chain)).flatMap(s=>Ep(s,n)||[]).filter(s=>!s.ok).map(s=>{let l=s.asset.symbol,p=N(new _e(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),u=N(new _e(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),c="";return s.reason==="FEE"&&(c=at.t(" for network fee")),s.reason==="INPUT_ASSET"&&(c=at.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(c=at.t(" for input and network fee")),at.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:je(s.asset.blockchain,o)}})})}i(kp,"generateBalanceWarnings");function Xn(t,e){return(t?new _e(t):Be).multipliedBy(e||0)}i(Xn,"calcOutputUsdValue");function Go(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Hn.NetworkChanged}i(Go,"isNetworkStatusInWarningState");function wp(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Go(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Hn.WaitingForConnectingWallet:n=n||at.t("Waiting for connecting wallet");break;case Hn.WaitingForQueue:n=n||at.t("Waiting for other running tasks to be finished");break;case Hn.WaitingForNetworkChange:n=n||at.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let s=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:s}}}i(wp,"getSwapMessages");function vp(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(vp,"getLastConvertedTokenInFailedSwap");function xp(t){return t.status==="failed"}i(xp,"shouldRetrySwap");function bp(t,e,o,n,r,a){if(!n||t)return!0;let s=Rt({filter:"all",quote:n}),l=Rt({filter:"required",quote:n}),p=s.every(m=>r.some(d=>d.chain===m)),u=l.every(m=>r.some(d=>d.chain===m)),c=o&&a?qn(a,o):!1;return!e&&!p||e&&!o||e&&!!o&&(!c||!u)}i(bp,"isConfirmSwapDisabled");function Ip(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Ip,"isTokensIdentical");function Kn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Kn,"getQuoteToTokenUsdPrice");function Qi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Qi,"isNumberOfSwapsChanged");function Hi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!bi(o,n)}i(Hi,"isQuoteSwappersUpdated");function Gi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!bi(o,n)}i(Gi,"isQuoteInternalCoinsUpdated");function Np(t,e){return Qi(t,e)||Hi(t,e)||Gi(t,e)}i(Np,"isQuoteChanged");function Ep(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(Ep,"getRequiredBalanceOfWallet");function Et(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Et,"getPriceImpactLevel");function Wp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],a=th(t.steps),s={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Pi(a?a.toBlockchain:n.fromBlockchain,e),p=Pi(r.toBlockchain,e),u=Bi(a?{blockchain:l?.name??"",symbol:a.toSymbol,address:a.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Bi(s,o),m=a?a.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(Wp,"createRetryQuote");function So(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:a}=e,s=oo(o,t.requestAmount),l=oo(n,t?.outputAmount??"");if(t&&s&&l){let c=Ye(s.toString(),l.toString());if(!!c&&lp(s,c)){let d=Gn(t?.swaps,r),f=Et(c);return{type:0,inputUsdValue:s,outputUsdValue:l,priceImpact:c,totalFee:d,warningLevel:f}}}else if(t&&(!s||!l))return{type:1};let p=Vn(t.swaps),u=a>jl;if(hp(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<a)return{type:3,slippage:a.toString()}}else return{type:2,recommendedSlippages:gp(t,a),minRequiredSlippage:p};return null}i(So,"generateQuoteWarnings");function Ye(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Cp(t.toString(),e.toString());return n&&n<0?n:null}i(Ye,"getPriceImpact");var Mp=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"),Yn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),a=r(o),s=r(n);if(a!==s)return s-a;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Lp=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(a=>a.swapperId)),r=e.find(a=>{let s=new Set(a.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>s.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Bp=i(t=>{let e=i((o,n)=>{let r=Oi.indexOf(o.value),a=Oi.indexOf(n.value);return r!==-1&&a!==-1?r-a:r!==-1?-1:a!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var oo=i((t,e)=>t?.usdPrice?new At(e||Be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),j=Ot(oh()(nh(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new At(0),outputUsdValue:new At(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=Be;return Oo(o.inputAmount)?(e&&(n=e?.outputAmount?new At(e?.outputAmount):null,r=Xn(e?.outputAmount,Kn(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 At(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:oo(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 At(0),outputUsdValue:new At(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:oo(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:a,fromToken:s,toBlockchain:l,toToken:p,inputAmount:u}=Wp(e,r,n);t({fromBlockchain:a,fromToken:s,inputAmount:u,outputAmount:null,inputUsdValue:oo(s??null,u),outputUsdValue:new At(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:e.toToken?oo(e.toToken,e.outputAmount?.toString()||""):new At(0)})),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 Pp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,resetQuote:r,setFromToken:a,fromToken:s,toToken:l,fromBlockchain:p,toBlockchain:u}=j(),c=y().config,m=y().fetchStatus,d=y().blockchains(),f=y().tokens(),{setAffiliateRef:g,setAffiliatePercent:S,setAffiliateWallets:T}=y(),h=c?.from?.tokens,C=c?.from?.blockchains,k=c?.to?.tokens,x=c?.to?.blockchains,I=Zn(void 0),b=Zn(void 0),v=Zn(void 0),w=Zn(void 0);Co(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Co(()=>{if(m==="success"){r();let E=d.find(B=>B.name===c?.from?.blockchain),A=f.find(B=>Pe(B,c?.from?.token||null));(E||!E&&v.current)&&n(E??null),A?a({token:A,meta:{blockchains:d,tokens:f}}):!A&&I.current&&a({token:null}),v.current=c?.from?.blockchain,I.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,m]),Co(()=>{Uo(s,h)&&a({token:null}),Mi(p,C)&&n(null)},[h,C]),Co(()=>{Uo(l,k)&&a({token:null}),Mi(u,x)&&o(null)},[k,x]),Co(()=>{if(m==="success"){r();let E=d.find(B=>B.name===c?.to?.blockchain),A=f.find(B=>Pe(B,c?.to?.token||null));(E||!E&&w.current)&&o(E??null),A?e({token:A,meta:{blockchains:d,tokens:f}}):!A&&b.current&&e({token:null}),w.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,m]),Co(()=>{g(c?.affiliate?.ref??null),S(c?.affiliate?.percent??null),T(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Pp,"useSyncStoresWithConfig");import{useEffect as ji,useRef as rh}from"react";import{useInRouterContext as ih,useLocation as ah,useSearchParams as sh}from"react-router-dom";function Vi(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(Vi,"searchParamToToken");function Xi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Xi,"tokenToSearchParam");function Ki(){let t=ah(),[e,o]=sh(),{fromBlockchain:n,toBlockchain:r,fromToken:a,toToken:s,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:m,setInputAmount:d}=j(),f=y().fetchStatus,g=y().blockchains(),S=y().tokens(),T=ih(),{updateIframe:h,updateCampaignMode:C}=y(),k=y().isInCampaignMode(),x=rh(),I=i(()=>{let v={};for(let[ae,Q]of e.entries())ae.startsWith("utm_")&&(v[ae]=Q);let w=e.get("fromAmount"),E=e.get("fromBlockchain"),A=e.get("fromToken"),B=e.get("toBlockchain"),J=e.get("toToken"),L=e.get("autoConnect"),H=e.get("clientUrl"),K=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:E,fromToken:A,toBlockchain:B,toToken:J,autoConnect:L,clientUrl:H,liquiditySources:K,utmQueryParams:v}},"getUrlSearchParams"),b=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");ji(()=>{let{autoConnect:v,clientUrl:w,utmQueryParams:E}=I();T&&f==="success"&&b({fromBlockchain:n?.name,fromToken:Xi(a),toBlockchain:r?.name,toToken:Xi(s),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:k?x.current:void 0,...E})},[t.pathname,l,n,a,r,s,k]),ji(()=>{if(!T)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&d(v.fromAmount),f==="success"){let w=g.find(J=>J.name===v.fromBlockchain),E=Vi(S,v.fromToken,w??null),A=g.find(J=>J.name===v.toBlockchain),B=Vi(S,v.toToken,A??null);w&&(p(w),E&&c({token:E,meta:{blockchains:g,tokens:S}})),A&&(u(A),B&&m({token:B,meta:{blockchains:g,tokens:S}}))}},[f]),ji(()=>{let{clientUrl:v,liquiditySources:w}=I();h("clientUrl",v||void 0),C("liquiditySources",w?.split(",")??void 0)},[])}i(Ki,"useSyncUrlAndStore");import{i18n as Ya}from"@lingui/core";import{useManager as MC}from"@rango-dev/queue-manager-react";import{Alert as Cm,Button as LC,css as Ja,Divider as Za,IconButton as Tm,styled as BC,Typography as PC,WalletIcon as _C}from"@rango-dev/ui";import xe,{useEffect as Qr,useLayoutEffect as $C,useRef as DC,useState as sn}from"react";import{useNavigate as FC}from"react-router-dom";import{i18n as Ct}from"@lingui/core";import{Alert as Na,BalanceErrors as hS,Button as Zc,ChevronDownIcon as yS,ChevronLeftIcon as SS,CloseIcon as CS,Divider as Ko,IconButton as Jc,MessageBox as TS,PasteIcon as kS,Typography as wr,WalletIcon as wS}from"@rango-dev/ui";import $,{useCallback as vS,useEffect as Rc,useRef as xS,useState as lo}from"react";import{useNavigate as bS}from"react-router-dom";import{i18n as Jn}from"@lingui/core";function Rn(t){switch(t.type){case 0:return Jn.t("Route has been updated.");case 3:return Jn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jn.t("Route swappers has been updated.");case 2:return Jn.t("Route internal coins has been updated.");default:return""}}i(Rn,"getQuoteUpdateWarningMessage");import{Modal as ph}from"@rango-dev/ui";import ch from"react";function ne(t){let{watermark:e}=ie();return ch.createElement(ph,{hasWatermark:e==="FULL",...t},t.children)}i(ne,"WatermarkedModal");import nr,{useRef as dh}from"react";import*as To from"@radix-ui/react-collapsible";import{keyframes as $p,styled as er}from"@rango-dev/ui";var Yi=300,uh=$p({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),mh=$p({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Dp=er(To.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Zi=er(To.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),tr=er(To.Content,{overflow:"hidden",variants:{open:{true:{animation:`${uh} ${Yi}ms ease-out`},false:{animation:`${mh} ${Yi}ms ease-out`}}}}),or=er("div",{transition:`all ${Yi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function rr(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:a,trigger:s,triggerAnchor:l}=t,p=dh(null);return nr.createElement(Dp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&nr.createElement(Zi,{className:"collapsible_trigger",onClick:a},s),nr.createElement(tr,{className:"collapsible_content",open:e},r),l==="bottom"&&nr.createElement(Zi,{className:"collapsible_trigger",onClick:a},s))}i(rr,"CustomCollapsible");import{css as Fp,darkTheme as Vo,IconButton as fh,styled as Ze,TextField as gh}from"@rango-dev/ui";var Op=Ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Up=Ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hh=Ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Vo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$secondary100",[`.${Vo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$secondary100",[`.${Vo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),zp=Ze(hh,{alignSelf:"stretch",minHeight:"93px"}),qp=Ze("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Qp=Ze(fh,{position:"absolute",left:"$20"}),Hp=Ze("div",{paddingTop:"$20"}),Gp=Fp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Vp=Ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Xp=Fp({paddingTop:"$5"}),jp=Ze("div",{display:"flex"}),Kp=Ze(gh,{backgroundColor:"$neutral100",padding:"$15"}),Yp=Ze("div",{overflow:"visible",width:"100%"}),Zp=Ze("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Vo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:focus-visible":{$$background:"$colors$secondary100",[`.${Vo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as lt}from"@lingui/core";import{Button as mS,Divider as Ea,Image as dS,MessageBox as Tr,SelectableWallet as fS,Typography as jc,WalletState as Kc}from"@rango-dev/ui";import ue,{useEffect as Yc,useState as Eo}from"react";import{WalletState as ir}from"@rango-dev/ui";import{useWallets as yh}from"@rango-dev/wallets-react";import{detectMobileScreens as Sh,KEPLR_COMPATIBLE_WALLETS as Ch,WalletTypes as ko}from"@rango-dev/wallets-shared";import{useCallback as Th,useEffect as kh,useState as wh}from"react";var vh=Object.values(ko);function wo(t){let{chain:e,onBeforeConnect:o,onConnect:n}=t,{config:r}=y(),{state:a,disconnect:s,getWalletInfo:l,connect:p}=yh(),{connectedWallets:u}=ee(),c=y().blockchains(),m=Ol(r?.wallets,{walletConnectProjectId:r?.walletConnectProjectId,walletConnectListedDesktopWalletLink:r.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink})||vh,d=vl(a,l,m,e);d=Sh()?d.filter(b=>b.showOnMobile!==!1&&a(b.type).installed):d;let f=Nl(d),[g,S]=wh(""),T=i(b=>!u.find(v=>v.walletType===b&&v.chain===e),"isExperimentalChainNotAdded"),h=i(async(b,v)=>{let w=a(b);try{if(g&&S(""),w.connected)await s(b);else{let E=!!d.find(A=>A.state===ir.CONNECTED);if(r?.multiWallets===!1&&E)return;o?.(b),await p(b,void 0,v),n?.(b)}}catch(E){S("Error: "+E?.message)}},"handleClick"),C=Th(()=>{let b=d?.filter(v=>v.state===ir.CONNECTING)||[];for(let v of b)s(v.type)},[Ll(d)]),k=i(async b=>{a(b).connected&&await s(b)},"disconnectWallet");kh(()=>()=>{C()},[]);let x=i(b=>{let v=b.find(E=>E.type===ko.DEFAULT);return!v||v.state===ir.NOT_INSTALLED?!1:b.filter(E=>E.state!=ir.NOT_INSTALLED&&![ko.DEFAULT,ko.WALLET_CONNECT_2,ko.LEDGER].includes(E.type)&&l(E.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),I=i((b,v,w)=>Mn(w,v)&&T(b)&&!Ch.includes(b)||b==ko.DEFAULT&&!x(d),"shouldExcludeWallet");return{list:f.filter(b=>!I(b.type,e??"",c)),error:g,handleClick:h,disconnectConnectingWallets:C,disconnectWallet:k}}i(wo,"useWalletList");import{i18n as zc}from"@lingui/core";import{Divider as nS,getCategoriesCount as rS,SelectableCategoryList as iS,styled as Qc,Typography as aS,Wallet as sS,WalletState as qc}from"@rango-dev/ui";import st,{useState as Sr}from"react";import{useManager as _y}from"@rango-dev/queue-manager-react";import{BottomLogo as $y,Divider as Pc,Header as Dy}from"@rango-dev/ui";import Se,{useEffect as ka,useRef as _c,useState as Fy}from"react";import{useRef as xh}from"react";function ar(){return window.self!==window.top}i(ar,"isAppLoadedIntoIframe");function Ji(){let t=xh(null),{iframe:e}=y(),o=ar()&&e.clientUrl,n=i(s=>{o&&window.top?.postMessage(s,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(s=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(s)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ji,"useIframe");import{useNavigate as bh}from"react-router-dom";function Je(){let t=bh();return()=>t(-1)}i(Je,"useNavigateBack");import{createTheme as ia,darkTheme as Oh,lightTheme as Uh}from"@rango-dev/ui";import{useEffect as zh,useState as qh}from"react";import{theme as Dh,darkColors as Fh}from"@rango-dev/ui";import na from"react";function Ih(t){return t.startsWith("#")&&(t=t.slice(1)),t.length===3?`#${t.split("").reduce(function(n,r){return n+r+r},"")}`:`#${t}`}i(Ih,"expandShortHexColor");function Eh(t){return/[0-9]+$/.test(t)}i(Eh,"isOverridingColor");function Ah(t,e){return t.padStart(e,"0")}i(Ah,"pad");function Ri(t){let e=Math.min(Math.max(Math.round(t),0),255);return Ah(e.toString(16),2)}i(Ri,"intToHex");function Nh(t){return`#${Ri(t.red)}${Ri(t.green)}${Ri(t.blue)}`}i(Nh,"rgbToHex");function Wh(t){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return{red:e,green:o,blue:n}}i(Wh,"hexToRGB");function Mh(t,e){let o=1-.11*e;return{red:t.red*o,green:t.green*o,blue:t.blue*o}}i(Mh,"generateShade");function Lh(t,e){let o=.11*e;return{red:t.red+(255-t.red)*o,green:t.green+(255-t.green)*o,blue:t.blue+(255-t.blue)*o}}i(Lh,"generateTint");function Bh(t){return Jp(t,Mh)}i(Bh,"calculateShades");function Ph(t){return Jp(t,Lh)}i(Ph,"calculateTints");function Jp(t,e){let o=Wh(t),n=[];for(let r=1;r<9;r++)n.push(Nh(e(o,r)));return n}i(Jp,"calculateColors");function ea(t,e,o){let a=Ph(t).reverse().concat(t),s=Bh(t),l=a.concat(s),p={},u=l.length;for(let c=0;c<u;c++){let m=100+(o?u-1-c:c)*50;p[`${e}${m}`]=l[c]}return p}i(ea,"createTintsAndShades");function ta(t,e,o){let n={...t};for(let r in e){let a=e[r],s=r==="neutral"&&!!o?.reverseNeutralRange;if(!["background","foreground"].includes(r)&&!Eh(r)){let p=Ih(a);Object.assign(n,ea(p,r,s))}}return{...n,...e}}i(ta,"expandToGenerateThemeColors");var Rp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),_h=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"),$h=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),oa=i(t=>_h($h(5381,JSON.stringify(t))>>>0),"toHash");function ra(t){let e=Dh.colors,o={...e,...Fh},n,r;if(t?.light){let s={colors:ta(e,t.light)};n={id:`${Wi}-light-${oa(s)}`,tokens:s}}if(t?.dark){let s={colors:ta(o,t.dark,{reverseNeutralRange:!0})};r={id:`${Wi}-dark-${oa(s)}`,tokens:s}}return{light:n,dark:r}}i(ra,"customizedThemeTokens");function ec(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>na.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:a,key:s}=n;if(o.push(na.cloneElement(a,{key:s})),r<t.length-1){let l=`divider-${r}`;o.push(na.cloneElement(e,{key:l}))}}),o}i(ec,"joinList");function sr(t){let{colors:e,fontFamily:o=cl,borderRadius:n=$l,secondaryBorderRadius:r=Dl}=t,[a,s]=qh("light"),{theme:l}=y(),{dark:p,light:u}=ra(e),c=ia({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),m=[c.className,Uh.className],d=[c.className,Oh.className];if(u){let g=ia(u.id,u.tokens);m.push(g.className)}if(p){let g=ia(p.id,p.tokens);d.push(g.className)}return zh(()=>{let g=i(S=>{S.matches?s("dark"):s("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&s("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),{activeTheme:i(()=>{let g=m.join(" "),S=d.join(" ");return l==="auto"?a==="dark"?S:g:l==="dark"?S:g},"getActiveTheme")}}i(sr,"useTheme");var Re=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 tc}from"@lingui/core";import{Alert as Qh,Button as Hh}from"@rango-dev/ui";import oc from"react";function aa(t){return oc.createElement(Qh,{action:oc.createElement(Hh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},tc.t("Activate this tab")),type:"warning",variant:"alarm",title:tc.t("Another tab is open and handles transactions.")})}i(aa,"ActivateTabAlert");import{i18n as sa}from"@lingui/core";import{Button as Gh,Divider as Vh,MessageBox as Xh}from"@rango-dev/ui";import lr from"react";function la(t){let{open:e,onClose:o,onConfirm:n}=t;return lr.createElement(ne,{open:e,dismissible:!0,onClose:o,container:P()},lr.createElement(Xh,{title:sa.t("Activate current tab"),type:"warning",description:sa.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.")},lr.createElement(Vh,{size:20}),lr.createElement(Gh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},sa.t("Confirm"))))}i(la,"ActivateTabModal");import{ChevronLeftIcon as Yh}from"@rango-dev/ui";import pc from"react";import{css as jh,darkTheme as nc,IconButton as Kh,styled as no}from"@rango-dev/ui";var St=no(Kh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$secondary100",[`.${nc} &`]:{backgroundColor:"$neutral"}}}),rc=no("div",{position:"absolute",background:"$secondary500",[`.${nc} &`]:{$$color:"$colors$secondary250"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),vo=no("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ic=no("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"}}}}),ac=no("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),sc=no("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),lc=jh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),pr=no("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function pa(t){return pc.createElement(St,{variant:"ghost",size:"small",onClick:t.onClick},pc.createElement(Yh,{color:"black",size:16}))}i(pa,"BackButton");import{i18n as Zh}from"@lingui/core";import{Button as Jh,Typography as Rh}from"@rango-dev/ui";import ca from"react";function ua(t){return ca.createElement(vo,null,ca.createElement(Jh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ca.createElement(Rh,{variant:"label",size:"medium",color:"error500"},Zh.t("Cancel"))))}i(ua,"CancelButton");import{i18n as ey}from"@lingui/core";import{Image as ty,Tooltip as oy,WalletIcon as ny}from"@rango-dev/ui";import ro from"react";function ma(t){let{list:e}=wo({}),o=e.filter(r=>r.state==="connected"),n=o.length?ro.createElement("div",{className:lc()},o.map(r=>ro.createElement(pr,{key:r.title},ro.createElement(ty,{src:r.image,size:14})))):ey.t("Connect Wallet");return ro.createElement(oy,{container:t.container,side:"bottom",content:n},ro.createElement(St,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ro.createElement(rc,null),ro.createElement(ny,{size:18,color:"black"})))}i(ma,"WalletButton");import{i18n as mr}from"@lingui/core";import{NotificationsIcon as Iy,Popover as Ey,SettingsIcon as Ay,Tooltip as dr,TransactionIcon as Ny}from"@rango-dev/ui";import Ae from"react";import{i18n as da}from"@lingui/core";import{EventSeverity as Cc}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Tc,ChevronRightIcon as fy,Divider as kc,Typography as fa}from"@rango-dev/ui";import de from"react";import{useNavigate as gy}from"react-router-dom";import{create as ry}from"zustand";import{persist as iy,subscribeWithSelector as ay}from"zustand/middleware";var Ee=Ot(ry()(iy(ay((t,e)=>({isSynced:!1,notifications:[],setNotification:(o,n)=>{let r=n.steps[0],a=n.steps[n.steps.length-1],s={event:o,creationTime:Date.now(),requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:a.toBlockchain,address:a.toSymbolAddress,symbol:a.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,s]}))},removeNotification:o=>{t(n=>({notifications:n.notifications.filter(r=>r.requestId!==o)}))},getNotifications:()=>{let{isSynced:o,notifications:n}=e();return o?n:[]},syncNotifications:o=>{let{isSynced:n,notifications:r}=e();if(!n){let a=[];r.forEach(s=>{o.some(p=>p.swap.requestId===s.requestId)&&a.push(s)}),t({isSynced:!0,notifications:a})}},clearNotifications:()=>t({notifications:[]})})),{name:"notification",skipHydration:!0,partialize:({isSynced:t,...e})=>e,version:1,migrate:(t,e)=>{if(e===0){let o=t.notifications;t.notifications=o.filter(n=>!n.read).map(({read:n,...r})=>r)}return t}})));import{Button as sy,darkTheme as ly,ListItemButton as py,styled as zt}from"@rango-dev/ui";var cc=zt("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),uc=zt("div",{padding:"0 $10",display:"flex",justifyContent:"space-between",alignItems:"center"}),mc=zt(sy,{padding:"$5 !important"}),dc=zt("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),fc=zt(py,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${ly} &`]:{backgroundColor:"$error600"}}}}}),gc=zt("div",{display:"flex",padding:"0 0 0 $5",alignItems:"center",alignSelf:"stretch"}),hc=zt("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"}),yc=zt("span",{paddingRight:"$8"});import{i18n as cy}from"@lingui/core";import{Divider as uy,NoNotificationIcon as my,Typography as dy}from"@rango-dev/ui";import cr from"react";function Sc(){return cr.createElement(hc,null,cr.createElement(my,{color:"secondary",size:26}),cr.createElement(uy,{size:12}),cr.createElement(dy,{variant:"body",size:"medium",color:"neutral700"},cy.t("There are no notifications.")))}i(Sc,"NotificationNotFound");var hy=4;function ga(){let t=gy(),{getNotifications:e,clearNotifications:o}=Ee(),n=e(),r=y().blockchains(),a=y().tokens(),s=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,hy),l=i(p=>{t(`${z.swaps}/${p}`)},"handleOnClick");return de.createElement(cc,null,s.length>0&&de.createElement(de.Fragment,null,de.createElement(uc,null,de.createElement(fa,{variant:"label",size:"medium"},da.t("Notifications")),de.createElement(mc,{variant:"ghost",size:"xsmall",onClick:o},de.createElement(fa,{variant:"body",size:"xsmall"},da.t("Clear all")))),de.createElement(kc,{direction:"vertical",size:4})),s.length?de.createElement(dc,null,s.map((p,u)=>{let{route:c,requestId:m,event:d}=p,f=a.find(h=>Pe(h,c.from)),g=r.find(h=>h.name===c.from.blockchain),S=a.find(h=>Pe(h,c.to)),T=r.find(h=>h.name===c.to.blockchain);return de.createElement(de.Fragment,{key:m},u>0&&de.createElement(kc,{size:4}),de.createElement(fc,{onClick:()=>l(m),actionRequired:d.messageSeverity===Cc.WARNING,title:de.createElement(fa,{variant:"body",size:"small",color:d.messageSeverity===Cc.WARNING?"$foreground":"$neutral700"},da.t(d.message)),id:m,start:de.createElement(gc,null,de.createElement("div",{className:"from-chain-token"},de.createElement(Tc,{tokenImage:f?f.image:"",chainImage:g?g.logo:"",size:"small"})),de.createElement("div",{className:"to-chain-token"},de.createElement(Tc,{tokenImage:S?S.image:"",chainImage:T?T.logo:"",size:"small"}))),end:de.createElement(yc,null,de.createElement(fy,{size:12,color:"gray"}))}))})):de.createElement(Sc,null))}i(ga,"NotificationContent");import{useManager as yy}from"@rango-dev/queue-manager-react";import{InProgressIcon as Sy}from"@rango-dev/ui";import wc from"react";var Cy=i(()=>{let{manager:t}=yy();return Re(t).map(({swap:o})=>o).find(o=>o.status==="running")?wc.createElement(sc,null,wc.createElement(Sy,{color:"info",size:6})):null},"InProgressTransactionBadge"),vc=Cy;import{EventSeverity as Ty}from"@rango-dev/queue-manager-rango-preset";import{Typography as ky}from"@rango-dev/ui";import xc from"react";function bc(){let{getNotifications:t}=Ee(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Ty.WARNING);return o?xc.createElement(ic,{isSever:n},xc.createElement(ky,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(bc,"NotificationsBadge");import{RefreshProgressButton as wy}from"@rango-dev/ui";import ha,{useEffect as vy,useState as Ic}from"react";var xy=1e3,Ec=60,by=100;function ur({onClick:t}){let[e,o]=Ic(0),[n,r]=Ic(!1),a=i(p=>{document.hidden&&p&&s(p)},"handleVisibilityChange");vy(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Ec&&l()},xy):s(p),document.addEventListener("visibilitychange",()=>a(p)),()=>{document.removeEventListener("visibilitychange",()=>a(p)),p&&clearInterval(p)}},[e,t]);let s=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return ha.createElement(St,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},ha.createElement(ac,{onTransitionEnd:()=>r(!1),isRefetched:n},ha.createElement(wy,{size:22,color:t?"black":"gray",progress:e/Ec*by})))}i(ur,"RefreshButton");function io(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:a}=t,{config:{features:s}}=y(),l=Ke("notification",s)||r.includes("notifications");return Ae.createElement(Ae.Fragment,null,!r.includes("refresh")&&Ae.createElement(dr,{container:a||P(),side:"top",content:mr.t("Refresh")},Ae.createElement(ur,{onClick:e})),!l&&Ae.createElement(Ey,{align:"end",alignOffset:-88,sideOffset:15,collisionPadding:{right:20,left:20},container:P(),content:Ae.createElement(ga,null)},Ae.createElement("div",null,Ae.createElement(dr,{container:P(),side:"top",content:mr.t("Notifications")},Ae.createElement(St,{size:"small",variant:"ghost"},Ae.createElement(Iy,{size:18,color:"black"}),Ae.createElement(bc,null))))),!r.includes("settings")&&Ae.createElement(dr,{container:P(),side:"top",content:mr.t("Settings")},Ae.createElement(St,{size:"small",variant:"ghost",onClick:n},Ae.createElement(Ay,{size:18,color:"black"}))),!r.includes("history")&&Ae.createElement(dr,{container:P(),side:"top",content:mr.t("Transactions History")},Ae.createElement(St,{size:"small",variant:"ghost",onClick:o},Ae.createElement(Ny,{size:18,color:"black"}),Ae.createElement(vc,null))))}i(io,"HeaderButtons");import{i18n as ya}from"@lingui/core";import{Divider as Nc,MessageBox as Ly,RefreshIcon as By}from"@rango-dev/ui";import xo from"react";import{Button as Wy,styled as My}from"@rango-dev/ui";var Ac=My(Wy,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function Sa(t){let{open:e,onClose:o}=t;return xo.createElement(ne,{open:e,dismissible:!0,onClose:o,container:P()},xo.createElement(Ly,{title:ya.t("Something went wrong"),type:"error",description:ya.t("Something went wrong. Please refresh the app.")},xo.createElement(Nc,{size:30}),xo.createElement(Ac,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},xo.createElement(By,{size:20,color:"primary"}),xo.createElement(Nc,{size:4,direction:"horizontal"}),ya.t("Refresh"))))}i(Sa,"RefreshModal");function Ca(t){let e=t.target;if(e){let o=e.scrollTop,n=P();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ca,"onScrollContentAttachStatusToContainer");import{css as Py,styled as Ta}from"@rango-dev/ui";var Wc="700px",fr=Py({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Mc=Ta("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Wc},fixed:{height:Wc}}}}),Lc=Ta("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Bc=Ta("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 pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ji(),{children:n,header:r,footer:a,height:s="fixed"}=t,{fetchStatus:l}=y(),[p,u]=Fy(!1),c=ee.use.connectedWallets(),{config:{features:m,theme:d}}=y(),{watermark:f}=ie(),g=f==="FULL",{activeTheme:S}=sr(d||{}),T=Ke("connectWalletButton",m),{isActiveTab:h,tabManagerInitiated:C,showActivateTabModal:k,setShowActivateTabModal:x,activateCurrentTab:I}=ie(),b=Je(),{manager:v}=_y(),E=Re(v).map(({swap:K})=>K).some(K=>K.status==="running"),A=i(()=>I(eo.forceClaim,E),"onActivateTab"),B=i(()=>{r.onWallet?.()},"onConnectWallet"),J=typeof r.hasBackButton>"u"||r.hasBackButton,L=_c(null),H=_c(null);return ka(()=>(ar()&&H.current&&e(H.current),()=>{o()}),[]),ka(()=>(L.current?.addEventListener("scroll",Ca),()=>{L.current?.removeEventListener("scroll",Ca)}),[]),ka(()=>{u(l==="failed")},[l]),Se.createElement(Mc,{height:s,id:ye.SWAP_BOX_ID,className:`${S()} ${fr()}`,ref:H},Se.createElement(Dy,{prefix:Se.createElement(Se.Fragment,null,J&&Se.createElement(pa,{onClick:()=>{b(),r.onBack&&r.onBack()}})),title:r.title,suffix:Se.createElement(Se.Fragment,null,r.suffix,r.onWallet&&!T&&Se.createElement(ma,{container:P(),onClick:B,isConnected:!!c?.length}),r.onCancel&&Se.createElement(ua,{onClick:r.onCancel}))}),Se.createElement(Lc,{ref:L},n),Se.createElement(la,{open:k,onClose:()=>x(!1),onConfirm:A}),Se.createElement(Bc,null,Se.createElement("div",{className:"footer__content"},C&&!h&&Se.createElement("div",{className:"footer__alert"},Se.createElement(aa,{onActivateTab:A}),Se.createElement(Pc,{size:10})),a),Se.createElement(Pc,{size:12}),Se.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},Se.createElement($y,null))),Se.createElement(Sa,{open:p,onClose:()=>u(!1)}))}i(pe,"Layout");import{styled as Oy}from"@rango-dev/ui";var $c="$20 $20 $10 $20",Xo=Oy("div",{padding:$c,overflowY:"auto",flexGrow:1});import{styled as Uy}from"@rango-dev/ui";var me=Uy("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 Gy}from"@rango-dev/ui";import va from"react";import{i18n as bo}from"@lingui/core";import{Image as Qy,MessageBox as wa,WalletState as Hy}from"@rango-dev/ui";import ao from"react";import{keyframes as zy,styled as gr}from"@rango-dev/ui";var dW=gr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),hr=gr("div",{position:"relative"}),qy=zy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yr=gr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${qy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Dc=gr("div",{"& img":{borderRadius:"50%"}});function Fc(t){let{state:e,image:o,error:n}=t;return e===Hy.CONNECTED?ao.createElement(wa,{type:"success",title:bo.t("Wallet Connected"),description:bo.t("Your wallet is connected, you can use it to swap.")}):n?ao.createElement(wa,{type:"error",title:bo.t("Failed to Connect"),description:n||bo.t("Your wallet is not connected. Please try again.")}):ao.createElement(wa,{type:"loading",title:bo.t("Connecting to your wallet"),description:bo.t("Click connect in your wallet popup."),icon:ao.createElement(hr,null,ao.createElement(Dc,null,ao.createElement(Qy,{src:o,size:45})),ao.createElement(yr,null))})}i(Fc,"ModalContent");function jo(t){let{open:e,onClose:o,...n}=t;return va.createElement(ne,{open:e,onClose:o,container:document.getElementById(ye.SWAP_BOX_ID)||document.body},va.createElement(Fc,{...n}),va.createElement(Gy,{direction:"vertical",size:32}))}i(jo,"WalletModal");import{i18n as xa}from"@lingui/core";import{Button as Xy,Checkbox as jy,Image as Uc,ListItemButton as Ky,MessageBox as Yy,Radio as Zy,RadioRoot as Jy}from"@rango-dev/ui";import{Namespace as Io}from"@rango-dev/wallets-shared";import We,{useMemo as Ry,useState as eS}from"react";import{styled as Vy}from"@rango-dev/ui";var Oc=Vy("ul",{padding:0,paddingTop:"$4",paddingBottom:"$4"});var tS={[Io.Evm]:"ETH",[Io.Solana]:"SOLANA",[Io.Cosmos]:"COSMOS",[Io.Utxo]:"BTC",[Io.Starknet]:"STARKNET",[Io.Tron]:"TRON"},oS=i((t,e)=>t.find(o=>o.name===e)?.logo,"getBlockchainLogo");function so(t){let{singleNamespace:e,namespaces:o}=t,[n,r]=eS([]),a=y().blockchains(),s=Ry(()=>o?.map(u=>({name:u,logo:oS(a,tS[u])})),[o]),l=i(u=>{r(e?[u]:c=>c.includes(u)?c.filter(m=>m!==u):c.concat(u))},"onSelect"),p=i(u=>e?We.createElement(Jy,{value:n?.[0]},u):We.createElement(We.Fragment,null,u),"wrapRadioRoot");return We.createElement(ne,{open:t.open,onClose:t.onClose,container:document.getElementById(ye.SWAP_BOX_ID)||document.body},We.createElement(Yy,{type:"info",title:xa.t("Select chain types"),description:xa.t("This wallet supports multiple chains. Select which chain you'd like to connect to."),icon:We.createElement(hr,null,We.createElement(pr,null,We.createElement(Uc,{src:t.image,size:45})),We.createElement(yr,null))}),We.createElement(Oc,null,p(We.createElement(We.Fragment,null,s?.map(u=>We.createElement(Ky,{key:u.name,id:u.name,title:u.name,hasDivider:!0,style:{height:60},onClick:()=>l(u.name),start:We.createElement(Uc,{src:u.logo,size:22}),end:e?We.createElement(Zy,{value:u.name}):We.createElement(jy,{checked:n.includes(u.name)})}))))),We.createElement(Xy,{type:"primary",disabled:!n.length,onClick:()=>t.onConfirm(n)},xa.t("Confirm")))}i(so,"WalletNamespacesModal");var lS=Qc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),pS=Qc(me,{textAlign:"center"}),Cr=3e3,ba=300;function Hc(){let{fetchStatus:t}=y(),[e,o]=Sr("ALL"),n=y().blockchains(),[r,a]=Sr(!1),[s,l]=Sr(null),[p,u]=Sr(""),c=null,m=ie.use.isActiveTab(),{list:d,handleClick:f,error:g,disconnectConnectingWallets:S}=wo({onBeforeConnect:w=>{c=setTimeout(()=>{a(!0),u(w)},ba)},onConnect:()=>{c&&clearTimeout(c),setTimeout(()=>{a(!1)},Cr)}}),T=i(()=>{S(),a(!1)},"handleCloseWalletModal"),h=d.find(w=>w.type===p),C=h?.image||"",k=h?.state||qc.NOT_INSTALLED,x=Bl(d,n),b=rS(x)!==1,v=Pl(d,e);return st.createElement(pe,{header:{title:zc.t("Connect Wallets")}},st.createElement(pS,null,b&&st.createElement(st.Fragment,null,st.createElement(iS,{setCategory:o,category:e,blockchains:x,isLoading:t==="loading"}),st.createElement(nS,{size:24})),st.createElement(aS,{variant:"title",size:"xmedium",align:"center"},zc.t("Choose a wallet to connect.")),st.createElement(lS,null,v.map((w,E)=>{let A=`wallet-${E}-${w.type}`;return st.createElement(sS,{key:A,...w,container:P(),onClick:B=>{w.namespaces&&w.state===qc.DISCONNECTED?l({providerType:B,providerImage:w.image,availableNamespaces:w.namespaces,singleNamespace:w.singleNamespace}):f(B)},isLoading:t==="loading",disabled:!m})}),st.createElement(jo,{open:!!r,onClose:T,image:C,state:k,error:g}),st.createElement(so,{open:!!s,onClose:()=>l(null),onConfirm:w=>{f(s?.providerType,w),l(null)},image:s?.providerImage,namespaces:s?.availableNamespaces,singleNamespace:s?.singleNamespace}))))}i(Hc,"WalletsPage");import{keyframes as cS,styled as Ia}from"@rango-dev/ui";var Gc=Ia("div",{position:"relative"}),uS=cS({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Vc=Ia("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${uS} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Xc=Ia("div",{"& img":{borderRadius:"50%"}});var gS=7;function Aa(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:a,onConnect:s}=t,l=ie.use.isActiveTab(),p=ee.use.connectedWallets(),{blockchains:u}=y(),[c,m]=Eo(""),[d,f]=Eo(null),[g,S]=Eo(!1),[T,h]=Eo(null),[C,k]=Eo(null),{suggestAndConnect:x}=kr(),I=null,{list:b,error:v,handleClick:w,disconnectWallet:E,disconnectConnectingWallets:A}=wo({chain:e,onBeforeConnect:W=>{I=setTimeout(()=>{m(W)},ba)},onConnect:W=>{s?.(W),I&&clearTimeout(I),setTimeout(()=>{m("")},Cr)}}),[B,J]=Eo(b),L=b.length,H=r&&L-r>0,K=i(async W=>{S(!1),h("in-progress");try{await x(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain"),ae=i(W=>{k({providerType:W.type,providerImage:W.image,availableNamespaces:W.namespaces,singleNamespace:W.singleNamespace})},"handleOpenNamespacesModal");Yc(()=>{J(W=>{let U=b.findIndex(Y=>o(Y.type,e));return H&&U>1?[b[U]].concat(b.filter((Y,re)=>re!==U)):W.map(Y=>b.find(re=>re.type===Y.type)??Y)})},[JSON.stringify(b)]);let Q=document.getElementById(ye.SWAP_BOX_ID);Yc(()=>{let W=null;return(T==="completed"||T==="rejected")&&(W=setTimeout(()=>h(null),Cr)),()=>{W&&clearTimeout(W)}},[T]);let oe=i(()=>{A(),m("")},"handleCloseWalletModal");return ue.createElement(ue.Fragment,null,B.slice(0,r).map(W=>{let U=Wl({connectedWallets:p,walletType:W.type,chain:e}),Y=U?Bn(U,gS):"",re=Mn(u(),e),Te=!p.find(Ue=>Ue.walletType===W.type&&Ue.chain===e),_=re&&Te&&W.state===Kc.CONNECTED,Oe=_?lt.t({id:"Add {chain} chain",values:{chain:e}}):Y,nt=i(async()=>{W.state===Kc.DISCONNECTED?W.namespaces?ae(W):w(W.type):W.namespaces&&!Y?(await E(W.type),ae(W)):_?(f({walletType:W.type,chain:e,address:U??""}),S(!0)):n({walletType:W.type,chain:e,address:U??""})},"onClick"),fe=d?.chain?Dn(d.chain,u()):void 0;return ue.createElement(ue.Fragment,{key:`${W.title}_${fe}`},ue.createElement(jo,{open:c===W.type,onClose:oe,image:W.image,state:W.state,error:v}),ue.createElement(so,{open:!!C,onClose:()=>k(null),onConfirm:Ue=>{w(C?.providerType,Ue),k(null)},image:C?.providerImage,namespaces:C?.availableNamespaces,singleNamespace:C?.singleNamespace}),!!d&&ue.createElement(ne,{open:!!d&&g,container:Q,onClose:()=>{f(null)}},ue.createElement(Tr,{title:lt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),type:"warning",description:lt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}})},ue.createElement(Ea,{size:18}),ue.createElement(Ea,{size:32}),ue.createElement(mS,{onClick:K.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},lt.t("Confirm")))),T&&ue.createElement(ne,{open:!!T,onClose:h.bind(null,null),container:Q},T==="in-progress"&&ue.createElement(Tr,{type:"loading",title:lt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),description:lt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}}),icon:ue.createElement(Gc,null,ue.createElement(Xc,null,ue.createElement(dS,{src:W.image,size:45})),ue.createElement(Vc,null))}),T==="completed"&&ue.createElement(Tr,{type:"success",title:lt.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:fe}}),description:lt.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:fe}})}),T==="rejected"&&ue.createElement(Tr,{type:"error",title:lt.t("Request Rejected"),description:lt.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:fe}})}),ue.createElement(Ea,{direction:"vertical",size:32})),ue.createElement(fS,{key:W.type,description:Oe,onClick:nt,selected:o(W.type,e),disabled:!l,...W}))}),H&&ue.createElement(zp,{selected:!1,onClick:a},ue.createElement(jc,{variant:"label",size:"medium"},lt.t("Show more wallets"),ue.createElement(jc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Aa,"WalletList");var IS=2;function eu(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:a}=t,s=bS(),l=y().config,p=xS(null),u=y().blockchains(),{selectedQuote:c,setSelectedWallets:m,quoteWalletsConfirmed:d,setQuoteWalletConfirmed:f,customDestination:g,setCustomDestination:S}=j(),{connectedWallets:T,selectWallets:h}=ee(),[C,k]=lo(""),[x,I]=lo([]),[b,v]=lo(""),[w,E]=lo(null),[A,B]=lo(!!g),J=navigator?.userAgent.includes("Firefox"),L=Rt({filter:"all",quote:c}),H=Rt({filter:"required",quote:c}),K=u.find(M=>M.name===c?.swaps[c?.swaps.length-1].to.blockchain),ae=i(M=>H.includes(M),"isWalletRequiredFor"),Q=vS(()=>T.filter(M=>M.selected&&L.includes(M.chain)),[T.length,L.length]),[oe,W]=lo(Q()),[U,Y]=lo([]),re=i((M,G)=>Y(V=>V.concat({blockchain:M,walletType:G})),"addNextSelectedWallets"),Te=x.length>0,_=i((M,G)=>!!oe.find(V=>V.walletType===M&&V.chain===G&&V.selected&&(ae(G)||!ae(G)&&!g)),"isSelected"),Oe=!!g&&A&&K&&!qn(K,g),nt=i(()=>{B(!1),S(null),W(M=>{let G=!1;return M.map(V=>!G&&V.chain===K?.name?(G=!0,{...V,selected:!0}):V)})},"resetCustomDestination"),fe=i(()=>S(""),"handleClearCustomDestination"),Ue=i(async M=>{if(M.preventDefault(),navigator.clipboard!==void 0){let G=await navigator.clipboard.readText();S(G),p?.current?.focus()}},"handlePasteCustomDestination"),xt=i(M=>{M?ae(K?.name??"")||W(G=>G.map(V=>V.chain===K?.name?{...V,selected:!1}:V)):nt()},"handleCustomDestinationCollapsibleOpenChange"),Xe=i(M=>{if(C&&k(""),_(M.walletType,M.chain))return;let V=T.find(Qe=>Qe.walletType===M.walletType&&Qe.chain===M.chain);V&&(n(),M.chain===K?.name&&A&&!ae(K.name)&&(B(!1),S(null)),W(Qe=>Qe.filter(gt=>gt.chain!==M.chain).concat({...V,selected:!0})))},"onChange"),rt=i(()=>{let M=oe.filter(G=>G.selected);h(M),m(M),f(!0),o()},"onConfirmBalance"),it=i(async()=>{I([]),v(""),E(null);let M=await r?.({selectedWallets:oe.filter(V=>V.selected),customDestination:g}),G=M.warnings;G?.balance?.messages&&I(G.balance.messages),G?.quoteUpdate&&E(G.quoteUpdate),M.error&&v(sp(M.error)),!M.error&&!G?.balance?.messages.length?rt():I(G?.balance?.messages??[])},"onConfirmWallets"),ft=i(()=>g?$.createElement(Jc,{onClick:fe,variant:"ghost"},$.createElement(CS,{size:12,color:"gray"})):J?null:$.createElement(Jc,{onClick:Ue,variant:"ghost"},$.createElement(kS,{size:16})),"renderCustomDestinationSuffix");Rc(()=>{W(M=>{let G=[];return M.forEach(V=>{!T.some(gt=>gt.chain===V.chain&&gt.walletType===V.walletType&&gt.address===V.address)||G.push(V)}),G=G.concat(T.filter(V=>!!!G.find(gt=>gt.chain===V.chain)&&V.selected&&L.includes(V.chain))),G})},[T.length,L.length]),Rc(()=>{let M=[];U.length>0&&(U.forEach(G=>{let V=T.find(Qe=>Qe.chain===G.blockchain&&Qe.walletType===G.walletType);V?Xe(V):M.push(G)}),Y(M))},[T.length,U.length]);let ke=document.getElementById(ye.SWAP_BOX_ID);return $.createElement(ne,{open:e,onClose:()=>{d||s("../",{replace:!0}),o()},dismissible:!C,container:ke,...!C&&{footer:$.createElement(jp,null,$.createElement(Zc,{loading:a,disabled:bp(a,A,g,c,oe,K),onClick:it,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Ct.t("Confirm")))},...C&&{styles:{container:{padding:"$0"}},header:$.createElement(qp,null,$.createElement(Qp,{variant:"ghost",onClick:k.bind(null,"")},$.createElement(SS,{size:16})),$.createElement(wr,{variant:"headline",size:"small"},Ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:je(C,u)}})))},anchor:"center"},$.createElement(ne,{open:Te,onClose:I.bind(null,[]),container:ke},$.createElement(TS,{title:Ct.t("Insufficient account balance"),type:"error",description:$.createElement(hS,{messages:x??[]})},$.createElement(Zc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:rt},Ct.t("Proceed anyway")))),C&&$.createElement(Hp,null,$.createElement("div",{className:Gp()},$.createElement(Aa,{chain:C,isSelected:_,selectWallet:Xe,onShowMore:()=>k(C),onConnect:M=>{re(C,M)}}))),!C&&$.createElement($.Fragment,null,b&&$.createElement($.Fragment,null,$.createElement(Na,{variant:"alarm",type:"error",title:Ct.t(b)}),$.createElement(Ko,{size:12})),w&&$.createElement($.Fragment,null,$.createElement(Na,{variant:"alarm",type:"warning",title:Rn(w)}),$.createElement(Ko,{size:12})),$.createElement(Yp,null,L.map((M,G)=>{let V=u.find(Jt=>Jt.name===M),Qe=`wallet-${G}`,gt=G===L.length-1;return $.createElement("div",{key:Qe},$.createElement(Op,null,$.createElement(wr,{variant:"title",size:"xmedium"},Ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:V?.shortName}})),$.createElement(wr,{variant:"label",color:"$neutral700",size:"medium"},Ct.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:V?.shortName}}))),$.createElement(Ko,{size:24}),$.createElement(Up,null,$.createElement(Aa,{chain:M,isSelected:_,selectWallet:Xe,limit:IS,onShowMore:()=>k(V?.name??""),onConnect:Jt=>{re(M,Jt)}})),!gt&&$.createElement(Ko,{size:32}),gt&&l?.customDestination&&$.createElement(Vp,null,$.createElement(rr,{onOpenChange:xt,hasSelected:!0,open:A,triggerAnchor:"top",trigger:$.createElement(Zp,null,$.createElement("div",{className:"button__content"},$.createElement(wS,{size:18,color:"info"}),$.createElement(Ko,{size:4,direction:"horizontal"}),$.createElement(wr,{variant:"label",size:"medium",color:A?"$neutral600":void 0},Ct.t("Send to a different address"))),$.createElement(or,{orientation:A?"up":"down"},$.createElement(yS,{size:10,color:"secondary"}))),onClickTrigger:()=>B(Jt=>!Jt)},$.createElement(Kp,{ref:p,style:{padding:0,paddingRight:g?"8px":"5px"},autoFocus:!0,placeholder:Ct.t("Enter {blockchainName} address",{blockchainName:Dn(M,u)}),value:g||"",suffix:ft(),onChange:Jt=>{let Yf=Jt.target.value;S(Yf)},...!g&&{autoFocus:!0}})),Oe&&$.createElement("div",{className:Xp()},$.createElement(Na,{variant:"alarm",type:"error",title:Ct.t({values:{destination:g},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(eu,"ConfirmWalletsModal");import{i18n as GS}from"@lingui/core";import{Alert as VS,Button as XS,InfoIcon as jS}from"@rango-dev/ui";import Ge from"react";import{Alert as NS,Button as WS,Divider as La,NoRouteIcon as MS,RefreshIcon as LS,Typography as su}from"@rango-dev/ui";import He from"react";import{i18n as tu}from"@lingui/core";var ES=24,AS=60;function ou(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:te().genericServerError,action:{onClick:n,title:tu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:te().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:tu.t("Reset")}},description:te().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:te().noResultError.description}}i(ou,"makeInfo");var Wa=(o=>(o[o.small=ES]="small",o[o.large=AS]="large",o))(Wa||{}),Ma=(o=>(o.small="small",o.large="medium",o))(Ma||{});import{styled as vr}from"@rango-dev/ui";var nu=vr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ru=vr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),iu=vr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),au=vr("div",{padding:"$6 $0"});function Yo(t){let{fetch:e,error:o,size:n="small"}=t,r=y().getDisabledLiquiditySources(),a=y().toggleAllLiquiditySources,s=y().swappers(),l=ou(o,r,()=>a(s,!0),e);return He.createElement(nu,null,He.createElement(MS,{size:Wa[n],color:"gray"}),He.createElement(La,{size:4}),He.createElement(su,{variant:"title",size:Ma[n]},te().noResultError.title),n==="large"&&He.createElement(La,{size:4}),!!l.description&&He.createElement(ru,{size:n},He.createElement(su,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),He.createElement(La,{size:n==="large"?"24":"4"}),!!l.alert&&He.createElement(iu,{size:n},He.createElement(NS,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&He.createElement(WS,{size:"xsmall",type:l.alert.type,prefix:He.createElement(au,null,He.createElement(LS,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Yo,"NoResult");import{i18n as Zo}from"@lingui/core";import{Button as PS,Divider as _S,MessageBox as $S,Typography as DS,WarningIcon as FS}from"@rango-dev/ui";import Nt from"react";import{Typography as uu}from"@rango-dev/ui";import Pa from"react";import{darkTheme as BS,styled as xr}from"@rango-dev/ui";var lu=xr("div",{width:"100%"}),Ba=xr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),pu=xr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${BS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),cu=xr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function mu(t){let{title:e,value:o,valueColor:n}=t;return Pa.createElement(pu,null,Pa.createElement(uu,{size:"medium",variant:"label",className:"_title"},e),Pa.createElement(uu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(mu,"QuoteErrorsModalItem");function du(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:a}=t,s=r.warningLevel==="high"?"error":"warning",l=[{title:Zo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Zo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Zo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Zo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Nt.createElement(ne,{footer:Nt.createElement(PS,{type:"primary",size:"large",prefix:Nt.createElement(FS,null),fullWidth:!0,disabled:a,onClick:n},te().highValueLossError.confirmMessage),open:e,onClose:o,container:P()},Nt.createElement($S,{type:s,title:te().highValueLossError.impactTitle,description:te().highValueLossError.description}),Nt.createElement(Ba,null,Nt.createElement(_S,{size:"4"}),Nt.createElement(DS,{size:"small",variant:"title"},Zo.t("Details")),Nt.createElement(Ba,null,l.map((p,u)=>Nt.createElement(mu,{key:u,...p})))))}i(du,"HighValueLossWarningModal");import{i18n as _a}from"@lingui/core";function fu(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=_a.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&&(Et(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=te().highValueLossError.title),t.type===1&&(o.title=te().unknownPriceError.title),t.type===2&&(o.title=_a.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=_a.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(fu,"makeAlerts");import{i18n as Ao}from"@lingui/core";import{Button as gu,Divider as hu,MessageBox as OS,Typography as US}from"@rango-dev/ui";import po from"react";import{useNavigate as zS}from"react-router-dom";function yu(t){let{customSlippage:e,slippage:o}=y(),{open:n,onClose:r,onConfirm:a,warning:s,confirmationDisabled:l}=t,p=zS(),u=e??o;return po.createElement(ne,{anchor:"bottom",open:n,prefix:po.createElement(gu,{size:"small",variant:"ghost",onClick:()=>p("../"+z.settings)},po.createElement(US,{variant:"label",size:"medium",color:"$neutral900"},Ao.t("Change settings"))),container:P(),onClose:r},po.createElement(OS,{type:"warning",title:s.type===3?Ao.t("High slippage"):Ao.t("Low slippage"),description:s.type===3?Ao.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):Ao.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:s.minRequiredSlippage}})},po.createElement(hu,{size:18}),po.createElement(hu,{size:32}),po.createElement(gu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:a},Ao.t("Confirm anyway"))))}i(yu,"SlippageWarningModal");import{Button as qS,MessageBox as QS,WarningIcon as HS}from"@rango-dev/ui";import br from"react";function Su(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return br.createElement(ne,{footer:br.createElement(qS,{type:"primary",size:"large",prefix:br.createElement(HS,null),fullWidth:!0,disabled:r,onClick:n},te().unknownPriceError.confirmMessage),open:e,onClose:o,container:P()},br.createElement(QS,{type:"warning",title:te().unknownPriceError.impactTitle,description:te().unknownPriceError.description}))}i(Su,"UnknownPriceWarningModal");function Jo(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:a,refetchQuote:s,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:u,onChangeSettings:c}=t,m={confirmationDisabled:a,open:r,onClose:p,onConfirm:u},d=o?.type===0||o?.type===1,f=fu(e,o?.type===3||o?.type===4?o:null);return f&&!n&&(f.action=null),Ge.createElement(Ge.Fragment,null,d&&Ge.createElement(Yo,{error:o,fetch:s}),!!f&&Ge.createElement(lu,null,Ge.createElement(VS,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:Ge.createElement(cu,{onClick:l},Ge.createElement(jS,{size:12,color:"gray"}))},...f.action==="change-settings"&&{action:Ge.createElement(XS,{size:"xxsmall",type:f.alertType,onClick:c},GS.t("Change"))}})),e&&Ge.createElement(Ge.Fragment,null,e.type===0&&Ge.createElement(du,{...m,warning:e}),(e.type===3||e.type===2)&&Ge.createElement(yu,{...m,warning:e}),e.type===1&&Ge.createElement(Su,{...m,warning:e})))}i(Jo,"QuoteWarningsAndErrors");import bC from"bignumber.js";import Or from"react";import{i18n as co}from"@lingui/core";import{Alert as mC,Divider as Wo,FullExpandedQuote as dC,InfoIcon as fC,QuoteTag as gC,StepDetails as hC,TokenAmount as yC,Tooltip as Zu,Typography as Mo}from"@rango-dev/ui";import Qa from"bignumber.js";import D,{useRef as SC,useState as CC}from"react";import{styled as $a}from"@rango-dev/ui";var Da=$a("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Cu=$a("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Tu=$a("div",{width:"100%",display:"flex"});import*as Ir from"@radix-ui/react-collapsible";import{Button as KS,css as Ro,darkTheme as we,Image as ku,styled as $e,Typography as YS}from"@rango-dev/ui";var ZS=300,wu=$e(Ir.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${we} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),vu=Ro({padding:"$10 $15"}),xu=$e(KS,{backgroundColor:"transparent",border:"1px solid $secondary550",[`.${we} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary550",[`.${we} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${we} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),bu=$e("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",[`.${we} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${we} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${we} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${we} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${we} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$secondary100",[`.${we} &`]:{$$color:"$colors$secondary550"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${we} &`]:{backgroundColor:"$neutral400"}}}}]}),Iu=Ro({width:"100%",padding:"$15 $15 $10 $15"}),Eu=Ro({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),No=Ro({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Au=Ro({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${we} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nu=$e(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:{[`& ${ku}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ku}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${we} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Wu=$e("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"}}}}),Mu=$e(tr,{width:"100%",background:"inherit"}),Fa=$e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ZS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),yB=$e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Lu=$e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${we} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Bu=$e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Oa=$e(YS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Pu=$e("div",{display:"flex",flexWrap:"wrap"}),Ua=$e("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"}}}}),_u=$e("div",{display:"flex"}),Er=$e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${we} &`]:{borderTopColor:"$neutral800"}});import{i18n as Vt}from"@lingui/core";import{ChevronDownIcon as RS,CloseIcon as eC,Divider as Wr,IconButton as tC,QuoteCost as oC,Tooltip as nC,Typography as pt}from"@rango-dev/ui";import Z,{useState as Ou}from"react";import{css as JS,styled as Ar}from"@rango-dev/ui";var Nr=Ar("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),za=Ar("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),$u=Ar("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Du=Ar("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Fu=JS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var rC=i(t=>t.fee.isZero()?null:Z.createElement(Nr,null,Z.createElement(pt,{variant:"label",size:"medium",color:"neutral600"},t.label),Z.createElement(pt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function Uu(t){let[e,o]=Ou(!1),[n,r]=Ou(!1),{steps:a,quote:s,fee:l,time:p,feeWarning:u,showModalFee:c}=t,m=s?.swaps??[],d=P(),f=dp(m);return Z.createElement(Z.Fragment,null,Z.createElement(oC,{onClickFee:c?g=>{g.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:a,tooltipGas:c?Vt.t("View more info"):void 0,tooltipContainer:d}),Z.createElement(ne,{container:d,open:e,header:Z.createElement(Du,null,Z.createElement(pt,{variant:"title",size:"medium"},Vt.t("Gas & Fee Explanation")),Z.createElement(tC,{onClick:()=>o(!1),variant:"ghost"},Z.createElement(eC,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Z.createElement($u,null,Z.createElement(pt,{variant:"title",size:"small"},Vt.t("Details")),Z.createElement(Wr,{size:10}),Object.entries(f.payable).flatMap(([g,S])=>S.map((T,h)=>{let C=`payable-fee-${h}`,k=qi(T);return Z.createElement(Nr,{key:C},Z.createElement(pt,{variant:"label",size:"medium",color:"neutral600"},Fi[g]),Z.createElement(nC,{content:ce(T.amount),container:d},Z.createElement(pt,{variant:"label",size:"medium"},N(T.amount,2,2)," ",T.asset.symbol," ($",N(k,4,4),")")))})),Z.createElement(Nr,{className:"total_payable_fee"},Z.createElement(pt,{variant:"label",size:"medium"},Vt.t("Total Payable Fee")),Z.createElement(pt,{variant:"label",size:"medium"},"$",N(l,4,4))),Z.createElement(za,null),Object.keys(f.nonePayable).length&&Z.createElement(rr,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:Z.createElement("div",{className:Fu()},Z.createElement(pt,{size:"small",variant:"body",color:"neutral700"},n?Vt.t("Hide non-payable fees"):Vt.t("Show non-payable fees")),Z.createElement(Wr,{size:4,direction:"horizontal"}),Z.createElement(or,{orientation:n?"up":"down"},Z.createElement(RS,{size:12,color:"gray"}))),open:n},Z.createElement(pt,{size:"small",variant:"title"},Vt.t("Description")),Z.createElement(Wr,{size:4}),Z.createElement(pt,{size:"small",variant:"body",color:"neutral700"},Vt.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),Z.createElement(Wr,{size:10}),Object.entries(f.nonePayable).map(([g,S],T)=>{let h=mp(S),C=Fi[g],k=`non-payable-fee-${T}`;return Z.createElement(rC,{key:k,fee:h,label:C})}),Z.createElement(za,null)))))}i(Uu,"QuoteCostDetails");import{i18n as Qu}from"@lingui/core";import{TokenAmount as Hu}from"@rango-dev/ui";import Mr from"react";import{css as iC,styled as aC}from"@rango-dev/ui";var zu=aC("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),qu=iC({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function en(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Mr.createElement(zu,null,Mr.createElement(Hu,{direction:"horizontal",label:Qu.t("Swap input"),type:"input",tooltipContainer:P(),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}}),Mr.createElement("div",{className:qu()}),Mr.createElement(Hu,{direction:"horizontal",tooltipContainer:P(),label:Qu.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(en,"QuoteSummary");import{i18n as Ku}from"@lingui/core";import{ChevronDownIcon as pC,ChevronRightIcon as cC,Divider as qa,Image as uC,Tooltip as $r,Typography as Br}from"@rango-dev/ui";import F from"react";import{useLayoutEffect as sC,useState as tn}from"react";var Gu=480,Vu=768,Xu=1024,ju=1200,lC=i(()=>{let[t,e]=tn(!1),[o,n]=tn(!1),[r,a]=tn(!1),[s,l]=tn(!1),[p,u]=tn(!1),c=i(()=>{e(window.innerWidth<=Gu),n(window.innerWidth>Gu&&window.innerWidth<=Vu),a(window.innerWidth>Vu&&window.innerWidth<=Xu),l(window.innerWidth>Xu&&window.innerWidth<=ju),u(window.innerWidth>ju)},"handleResize");return sC(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:s,isExtraLargeScreen:p}},"useScreenDetect"),Lr=lC;var Pr=4,_r=6,on=i(t=>{let{content:e,src:o,className:n,open:r,state:a,container:s}=t,l=s||P();return F.createElement($r,{container:l,side:"bottom",sideOffset:4,open:r,content:e},F.createElement(Wu,{className:n,state:a},F.createElement(uC,{src:o,size:16})))},"ImageComponent");function Yu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:a,type:s,container:l}=t,p=l||P(),u=r.length,c=Mp(r),{isTablet:m,isMobile:d}=Lr();return F.createElement(Nu,{listItem:s==="list-item",ref:f=>e.current=f,selected:o,onClick:f=>{f.stopPropagation(),n(g=>!g)}},F.createElement("div",{className:No()},F.createElement(Br,{variant:"body",size:"xsmall"},Ku.t("Via:")),F.createElement(qa,{direction:"horizontal",size:4}),r.map((f,g)=>{let S=`item-${g}`,T=F.createElement(Fa,null,F.createElement(cC,{size:12,color:"black"}));return d||m?F.createElement(F.Fragment,{key:S},F.createElement(on,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==u-1&&F.createElement(F.Fragment,null,T)):F.createElement(F.Fragment,{key:S},u<=Pr||u>Pr&&g<Pr-1?F.createElement(F.Fragment,null,F.createElement(on,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==u-1&&F.createElement(F.Fragment,null,T)):g===Pr-1&&F.createElement($r,{container:p,side:"bottom",align:"end",sideOffset:4,content:F.createElement("div",{className:No()},T,r.map((h,C)=>{let k=`image-${C}`;return C>=g&&F.createElement(F.Fragment,{key:k},F.createElement(on,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==u-1&&F.createElement(F.Fragment,null,T))}))},F.createElement(Ua,{state:r.find((h,C)=>C>=g&&(h.state==="error"||h.state==="warning"))?.state},F.createElement(Br,{size:"xsmall",variant:"body"},"+",u-g))))})),F.createElement("div",{className:No()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:No()},F.createElement(Br,{variant:"body",size:"xsmall"},Ku.t("Chains:")),F.createElement(qa,{direction:"horizontal",size:4}),c.map((f,g)=>F.createElement(F.Fragment,{key:f.displayName},c.length<=_r||c.length>_r&&g<_r-1?F.createElement($r,{container:p,side:"bottom",content:f.displayName,sideOffset:4},F.createElement(on,{content:"",src:f.image,open:!1,className:g!==0?"blockchainImage":""})):g===_r-1&&F.createElement($r,{container:p,side:"bottom",align:"end",sideOffset:4,content:F.createElement("div",{className:No()},c.map((S,T)=>T>=g&&F.createElement(on,{key:S.displayName,content:"",src:S.image,open:!1,className:T>g?"blockchainImage":"",container:l})))},F.createElement(Ua,{className:"blockchainImage"},F.createElement(Br,{size:"xsmall",variant:"body"},"+",c.length-g))))),F.createElement(qa,{direction:"horizontal",size:32}))),F.createElement(Fa,{orientation:a?"up":"down"},F.createElement(pC,{size:12,color:"black"}))))}i(Yu,"QuoteTrigger");function Ha(t){let{quote:e,input:o,output:n,error:r,warning:a,type:s,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c,fullExpandedMode:m=!1,container:d}=t,f=y().blockchains(),g=y().tokens(),S=y().swappers(),{customSlippage:T,slippage:h}=y(),C=T||h,[k,x]=CC(t.expanded),I=SC(null),b=N(o.value,6,6),v=N(n.value,6,6),w=n.usdValue?N(n.usdValue,4,4):"",E=Ye(o.usdValue,n.usdValue??null),A=N(E,2,2),B=Et(E??0),J=i((re,Te)=>re.map((_,Oe)=>{let nt,fe=r?.type===3&&r.swap.swapperId===_.swapperId,Ue=r?.type===4&&r.recommendedSlippages?.has(Oe),xt=a?.type===2&&a.recommendedSlippages?.has(Oe),Xe=fe||Ue,rt=xt;Xe?nt="error":rt&&(nt="warning");let it=Xe?co.t("Slippage Error"):co.t("Slippage Warning");return fe&&(it=co.t("Bridge Limit Error")),{swapper:{displayName:zo(_.swapperId,S),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:je(_.from.blockchain,f),image:_.from.blockchainLogo},price:{value:Oe===0&&!Te?N(o.value,6,6):N(_.fromAmount,6,6),usdValue:N((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:ce(Oe===0?o.value:_.fromAmount),realUsdValue:ce(new Qa(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:je(_.to.blockchain,f),image:_.to.blockchainLogo},price:{value:N(_.toAmount,6,6),usdValue:N((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:ce(_.toAmount),realUsdValue:ce(new Qa(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:nt,alerts:Xe||rt?D.createElement(Cu,{dense:m},D.createElement(mC,{variant:"alarm",type:Xe?"error":"warning",title:it,footer:D.createElement(Tu,null,fe&&D.createElement("div",null,D.createElement(Mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Wo,{direction:"vertical",size:2}),D.createElement(Mo,{size:"xsmall",variant:"body",color:"neutral900"},co.t({id:"Yours: {amount} {symbol}",values:{amount:N(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(Ue||xt)&&!fe&&D.createElement("div",null,D.createElement(Mo,{size:"xsmall",variant:"body",color:"neutral900"},co.t({id:"Minimum required slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(Oe)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(Oe)}}})),D.createElement(Wo,{direction:"vertical",size:2}),D.createElement(Mo,{size:"xsmall",variant:"body",color:"neutral900"},co.t({id:"Yours: {userSlippage}",values:{userSlippage:C}}))))})):void 0,time:Fo(_.estimatedTimeInSeconds),fee:N(zi(_,g),2,2),internalSwaps:_.internalSwaps?J(_.internalSwaps):void 0}}),"getQuoteSteps"),L=J(e?.swaps??[]),H=L.length,K=d||P(),ae=Bp(t.quote.tags||[]),Q=!!c,oe=Fo(In(e?.swaps)),W=Gn(e?.swaps??[],g),U=N(W,2,2),Y=W.gte(new Qa(ap));return m?D.createElement(dC,{selected:l,fee:U,time:oe,tooltipContainer:Do(),steps:L,tags:ae,feeWarning:Y,percentageChange:A,warningLevel:B,outputPrice:{value:v,usdValue:w,realValue:ce(n.value),realUsdValue:ce(n.usdValue)}}):D.createElement(bu,{selected:l,listItem:s==="list-item",basic:s==="basic"},D.createElement("div",{className:Iu()},!p&&ae.length?D.createElement(D.Fragment,null,D.createElement(_u,null,ae.map((re,Te)=>{let _=`${re.value}_${Te}`;return D.createElement(D.Fragment,{key:_},D.createElement(gC,{label:re.label,value:re.value}),D.createElement(Wo,{size:4,direction:"horizontal"}))})),D.createElement(Er,null),!Q&&D.createElement(Wo,{size:4})):null,D.createElement("div",{id:"portal-root",className:Eu()},D.createElement(Uu,{quote:e,time:oe,fee:U,feeWarning:Y,showModalFee:u,steps:H}),Q&&D.createElement(xu,{onClick:re=>{re.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},D.createElement(Mo,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},co.t("See All Routes")))),s==="basic"&&D.createElement("div",{className:Au()},D.createElement(Bu,null,D.createElement(fC,{size:12,color:"gray"})),D.createElement(Pu,null,D.createElement(Oa,{size:"small",variant:"body"},`${b} ${L[0].from.token.displayName} = `),D.createElement(Zu,{content:ce(n.value),container:K,open:n.value?void 0:!1},D.createElement(Oa,{size:"small",variant:"body"},"\xA0",`${v} ${L[L.length-1].to.token.displayName}`))),D.createElement(Zu,{content:ce(n.usdValue),container:K},D.createElement(Wo,{size:2,direction:"horizontal"}),D.createElement(Mo,{color:"$neutral600",size:"xsmall",variant:"body"},`($${w})`))),s==="list-item"&&D.createElement(yC,{tooltipContainer:K,type:"output",direction:"vertical",price:{value:v,usdValue:w,realValue:ce(n.value),realUsdValue:ce(n.usdValue)},token:{displayName:L[H-1].to.token.displayName,image:L[H-1].to.token.image},chain:{image:L[H-1].to.chain.image},percentageChange:A,warningLevel:B}),s==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(en,{from:L[0].from,to:L[H-1].to,percentageChange:A,warningLevel:B}),D.createElement(Wo,{size:4}))),D.createElement(wu,{selected:l,listItem:s==="list-item",open:k,className:"quote_container",onOpenChange:x},D.createElement(Yu,{type:s,quoteRef:I,selected:l,setExpanded:x,container:K,expanded:k,steps:L}),D.createElement(Mu,{open:k},D.createElement(Lu,null),D.createElement("div",{className:vu()},L.map((re,Te)=>{let _=`item-${Te}`;return D.createElement(hC,{type:"quote-details",key:_,tooltipContainer:K,step:re,hasSeparator:Te!==L.length-1,state:re.state})})))))}i(Ha,"Quote");import{Divider as vC,Skeleton as xC}from"@rango-dev/ui";import Mt from"react";import{darkTheme as TC,styled as Dr}from"@rango-dev/ui";var Ju=Dr("div",{$$color:"$colors$neutral100",[`.${TC} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Ru=Dr("div",{paddingTop:"$2"}),em=Dr("div",{paddingLeft:"$8"}),tm=Dr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as um,Divider as ct,Skeleton as Ve}from"@rango-dev/ui";import q from"react";import{css as kC,styled as Wt}from"@rango-dev/ui";var Ga=Wt("div",{display:"flex"}),om=Wt("div",{padding:"$10 $0 $20"}),nm=Wt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),rm=Wt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),im=Wt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),am=Wt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),sm=Wt("div",{width:"65%",display:"flex",justifyContent:"start"}),lm=Wt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),pm=Wt("div",{padding:"$15 $0 $15 $0"}),cm=kC({display:"flex",justifyContent:"space-between",alignItems:"center"});function nn(t){let{type:e,tagHidden:o=!0}=t,n=q.createElement(im,null,q.createElement(sm,null,q.createElement(um,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(ct,{size:8,direction:"horizontal"}),q.createElement(lm,null,q.createElement(Ve,{height:10,width:60,variant:"rounded"}),q.createElement(ct,{size:4}),q.createElement(Ve,{height:15,variant:"rounded"}))),q.createElement(Ve,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return q.createElement("div",null,!o&&q.createElement(q.Fragment,null,q.createElement(Ga,null,q.createElement(Ve,{width:65,height:20,variant:"rounded"}),q.createElement(ct,{size:4,direction:"horizontal"}),q.createElement(Ve,{width:65,height:20,variant:"rounded"}),q.createElement(ct,{size:4,direction:"horizontal"}),q.createElement(Ve,{width:65,height:20,variant:"rounded"})),q.createElement(Er,null),!r&&q.createElement(ct,{size:4})),q.createElement("div",{className:cm()},q.createElement(Ga,null,q.createElement(Ve,{width:60,height:10,variant:"rounded"}),q.createElement(ct,{size:4,direction:"horizontal"}),q.createElement(Ve,{width:60,height:10,variant:"rounded"}),q.createElement(ct,{size:4,direction:"horizontal"}),q.createElement(Ve,{width:60,height:10,variant:"rounded"})),r&&q.createElement(Ve,{width:85,height:24,variant:"rounded"})),e==="basic"&&q.createElement(om,null,q.createElement(Ve,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(nm,null,q.createElement(rm,null,q.createElement(um,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(ct,{direction:"horizontal",size:4}),q.createElement(Ve,{height:15,width:150,variant:"rounded"})),q.createElement(ct,{size:10}),q.createElement(Ve,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(ct,{size:4}),q.createElement(pm,null,n,q.createElement(am,null),n),q.createElement(ct,{size:12})))}i(nn,"QuoteSummarySkeleton");import{ChainToken as hm,Divider as Xa,NextIcon as wC,Skeleton as Fr}from"@rango-dev/ui";import ve from"react";import{styled as rn}from"@rango-dev/ui";var mm=rn("div",{display:"flex",alignItems:"start"}),dm=rn("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Va=rn("div",{display:"flex",alignItems:"center",flexGrow:1}),fm=rn("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),gm=rn("div",{display:"flex",alignItems:"center"});function Tt(t){let{separator:e=!0}=t;return ve.createElement(ve.Fragment,null,ve.createElement(gm,null,ve.createElement(Fr,{height:22,width:22,variant:"circular"}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Fr,{height:15,width:148,variant:"rounded"})),ve.createElement(mm,null,ve.createElement(tm,{hideSeparator:!e}),ve.createElement(dm,{extraSpace:e},ve.createElement(Va,null,ve.createElement(hm,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Fr,{height:12,variant:"rounded"})),ve.createElement(fm,null,ve.createElement(wC,{color:"gray",size:16})),ve.createElement(Va,null,ve.createElement(hm,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Fr,{height:12,variant:"rounded"})))))}i(Tt,"StepSkeleton");function an(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Mt.createElement(Ju,{expanded:o,rounded:e!=="basic"},Mt.createElement(nn,{type:e,tagHidden:n}),Mt.createElement(Ru,null,Mt.createElement(xC,{height:15,variant:"rounded"})),o&&Mt.createElement(em,null,Mt.createElement(vC,{size:24}),Mt.createElement(Tt,null),Mt.createElement(Tt,null),Mt.createElement(Tt,{separator:!1})))}i(an,"QuoteSkeleton");function uo(t){let{quote:e,type:o,loading:n,error:r,warning:a,expanded:s=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:m,fullExpandedMode:d=!1,container:f}=t,{inputAmount:g,inputUsdValue:S,toToken:T}=j(),h=e?.outputAmount?new bC(e?.outputAmount):null,C=e?.outputAmount?Xn(e?.outputAmount,Kn(e)||T?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Or.createElement(Da,null,Or.createElement(an,{tagHidden:l,type:o,expanded:s})):x?Or.createElement(Da,{onClick:()=>p?.(e)},Or.createElement(Ha,{quote:e,error:r,container:f,showModalFee:u,warning:a,tagHidden:l,selected:c,type:o,expanded:s,onClickAllRoutes:m,fullExpandedMode:d,input:{value:g,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:C?.toString()??""}})):null}i(uo,"QuoteInfo");import{calculatePendingSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as WC}from"react";import{useRef as IC,useState as EC}from"react";var AC=2e3;function Ur({request:t}){let[e,o]=EC(!1),n=IC(null),r=i(()=>n.current?.abort(),"cancelFetch"),a=i(async l=>(await new Promise(p=>setTimeout(p,AC)),await s(l,!1)),"retryFetch"),s=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let u=await t(l,{signal:n.current.signal});return n.current=null,u}catch(u){if(p)return await a(l);throw u}finally{o(!1)}},"fetch");return{fetch:s,loading:e,cancelFetch:r}}i(Ur,"useFetch");function ym(){let{fetch:t,loading:e,cancelFetch:o}=Ur({request:async(n,r)=>await Ft().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(ym,"useFetchConfirmQuote");function zr(t){if(!t.swaps)throw new Error(te().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ja(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(zr,"throwErrorIfResponseIsNotValid");function ja(t){if(pp(t)){let{swap:n,recommendation:r,fromAmountRangeError:a}=cp(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:a}}}let o=fp(t);if(o){let n=Vn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ja,"getQuoteError");function Sm(t,e,o){let n=!1;t&&(n=Np(t,e));let r={quote:null,quoteUpdate:null,balance:null},a=So(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});a&&(r.quote=a),t&&n&&(Tp(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(yo(e)),percentageChange:N(Ye(yo(t)??"",yo(e)??""),null,2)}:Qi(t,e)?r.quoteUpdate={type:0}:Hi(t,e)?r.quoteUpdate={type:1}:Gi(t,e)&&(r.quoteUpdate={type:2}));let s=kp(e,o.selectedWallets,o.meta.blockchains);return s.length===0||(r.balance={messages:s}),r}i(Sm,"generateWarnings");function qr(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(qr,"handleQuoteErrors");function Ka(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:a,setQuoteWarningsConfirmed:s,resetAlerts:l}=j(),{slippage:p,customSlippage:u}=y(),c=y().getDisabledLiquiditySources(),m=y().blockchains(),d=y().tokens(),f=u||p,{fetch:g,cancelFetch:S,loading:T}=ym();return WC(()=>S,[]),{loading:T,fetch:i(async C=>{let k=C.selectedWallets,x=C?.customDestination??a;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((v,w)=>(v[w.chain]=w.address,v),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await g(b,!0).then(v=>{let{result:w}=v;zr({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let E={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(E);let A={slippage:f.toString(),disabledSwappersGroups:c},B=Sm(r??void 0,E,{fromToken:t,toToken:e,meta:{blockchains:m,tokens:d},selectedWallets:k,userSlippage:f});B.quoteUpdate&&s(!1),l();let J=!!B.balance,L=NC(o.toString(),w,Sp(k),A,!J,{blockchains:m,tokens:d});return{quote:E,swap:L,error:null,warnings:B}})}catch(v){return qr(v)}},"fetch"),cancelFetch:S}}i(Ka,"useConfirmSwap");var OC=BC("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Tm}`]:{width:"$48",height:"$48"}}),UC=Ja({flexGrow:1,paddingRight:"$10"}),zC=Ja({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),qC=Ja({display:"flex",justifyContent:"space-between",alignItems:"center"});function km(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:a}=j(),s=FC(),[l,p]=sn(""),u=!n,[c,m]=sn(!1),[d,f]=sn(!1),{isActiveTab:g}=ie(),S=y().getDisabledLiquiditySources(),T=DC(S),{manager:h}=MC(),{fetch:C,loading:k,cancelFetch:x}=Ka(),[I,b]=sn({swap:null,error:null,warnings:null}),[v,w]=sn(!1),E=i(async({selectedWallets:Q,customDestination:oe})=>{let W=await C?.({selectedWallets:Q,customDestination:oe});return b(W),W},"onConfirmSwap"),A=i(async()=>{if(I.swap&&n)try{await h?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let Q=`../${z.swaps}/${I.swap.requestId}`;s(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){p("Error: "+Q?.message)}},"addNewSwap"),B=i(async()=>{f(!0),await A(),f(!1)},"onConfirm"),J=i(async()=>{I?.warnings?.quote&&!a?w(!0):await B()},"onStartConfirmSwap"),L=i(async()=>{b({error:null,swap:null,warnings:null}),C({selectedWallets:o,customDestination:r}).then(Q=>{b(Q)}).catch(Q=>console.error(Q))},"onRefresh");Qr(()=>{!!T.current.length&&!S.length&&L(),T.current=S},[S.length]),Qr(()=>{u&&x()},[u]),Qr(()=>{u&&m(u)},[u]),Qr(()=>{u||C({selectedWallets:o,customDestination:r}).then(Q=>b(Q)).catch(Q=>console.error(Q))},[]),$C(()=>{t?.requestId||s(`../${location.search}`)},[t?.requestId]);let H=I.warnings?.quote??null,K=I.error,ae=[];if(l&&ae.push(xe.createElement(Cm,{type:"error",variant:"alarm",title:l})),I.warnings?.quoteUpdate&&ae.push(xe.createElement(Cm,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&Rn(I.warnings.quoteUpdate)})),H||K){let Q=`../${z.settings}`;ae.push(xe.createElement(Jo,{warning:H,error:K,couldChangeSettings:!1,refetchQuote:L,showWarningModal:v,confirmationDisabled:!g,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:async()=>{w(!1),await A()},onChangeSettings:()=>s(Q)}))}return xe.createElement(pe,{header:{title:Ya.t("Confirm Swap"),onWallet:()=>{let Q=`../${z.wallets}`;s(Q)}},footer:xe.createElement(OC,null,xe.createElement("div",{className:UC()},xe.createElement(LC,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k||d,disabled:!!I.error||!g,onClick:J},Ya.t("Start Swap"))),xe.createElement(Tm,{variant:"contained",type:"primary",size:"large",loading:k||d,disabled:!g,onClick:m.bind(null,!0)},xe.createElement(_C,{size:24})))},c&&xe.createElement(eu,{open:c,onClose:()=>m(!1),onCancel:x,loading:k,onCheckBalance:E}),xe.createElement(me,null,xe.createElement("div",{className:qC()},xe.createElement(PC,{variant:"title",size:"small"},Ya.t("You get")),xe.createElement("div",{className:zC()},xe.createElement(ur,{onClick:!k&&!c&&!v?L:void 0}))),xe.createElement(Za,{size:"12"}),ec(ae.map((Q,oe)=>({element:Q,key:`alert-${oe}`})),xe.createElement(Za,{size:10})),ae.length>0?xe.createElement(Za,{size:10}):null,xe.createElement(uo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:I.error,loading:k,warning:I.warnings?.quote??null})))}i(km,"ConfirmSwapPage");import{i18n as Gr}from"@lingui/core";import{useManager as rT}from"@rango-dev/queue-manager-react";import{Divider as Lm,NotFound as iT,styled as aT}from"@rango-dev/ui";import Bt,{useState as sT}from"react";import{useNavigate as lT}from"react-router-dom";import{i18n as GC}from"@lingui/core";import{Divider as Im,GroupedVirtualizedList as VC,Skeleton as XC,SwapListItem as Em,Typography as jC}from"@rango-dev/ui";import De,{useCallback as Am,useEffect as KC,useRef as YC,useState as ZC}from"react";function wm(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(wm,"calculateGroupsSoFar");import{css as QC,darkTheme as HC,styled as ln}from"@rango-dev/ui";var Ra=QC(),vm=ln("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),es=ln("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ra}`]:{$$color:"$colors$neutral600",[`.${HC} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ts=ln("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),xm=ln("div",{gap:"$10",display:"flex",flexDirection:"column"}),bm=ln("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var JC=10;function os(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[a,s]=ZC([]),l=YC(0),{swaps:p,groupCounts:u,groups:c}=n(e),m=Am(wm,[]),d=Am(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,JC),s(m(u,l.current)))},[e.length]);if(KC(()=>{r||d()},[r,d]),r){let f=[1,2];return De.createElement(De.Fragment,null,[f,f].map((S,T)=>De.createElement(es,{key:T},De.createElement(ts,null,De.createElement(XC,{variant:"text",width:60,size:"small"}),De.createElement(Im,{size:16})),De.createElement(Im,{size:4}),De.createElement(xm,null,S.map((C,k)=>De.createElement(Em,{isLoading:!0,key:k}))))))}return De.createElement(VC,{endReached:()=>{l.current<e.length&&d()},groupCounts:a,groupContent:f=>De.createElement(es,null,De.createElement(ts,null,De.createElement(jC,{variant:"label",size:"medium",className:Ra()},c[f]))),itemContent:(f,g)=>{let S=p[f];if(!S)return null;let T=S.steps[0],h=S.steps[S.steps.length-1];return De.createElement(vm,{key:S.requestId},De.createElement(Em,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:P(),onlyShowTime:c[g]===GC.t("Today"),swapTokenData:{from:{token:{image:T.fromLogo,displayName:T.fromSymbol},blockchain:{image:T.fromBlockchainLogo||""},amount:N(S.inputAmount,6,6),realAmount:ce(S.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:N(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:ce(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i(os,"HistoryGroupedList");import{CloseIcon as eT,IconButton as tT,SearchIcon as oT,TextField as nT}from"@rango-dev/ui";import pn from"react";import{styled as RC}from"@rango-dev/ui";var Nm=RC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Lt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:a,value:s,setValue:l,...p}=t;return pn.createElement(nT,{prefix:pn.createElement(Nm,null,pn.createElement(oT,{color:"black"})),suffix:!!s.length&&pn.createElement(tT,{variant:"ghost",onClick:()=>l?.(""),size:"small"},pn.createElement(eT,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:s,onChange:a,...p})}i(Lt,"SearchInput");import{i18n as Hr}from"@lingui/core";import Wm from"dayjs";var Mm=i(t=>{let e=new Map([["today",{title:Hr.t("Today"),swaps:[]}],["week",{title:Hr.t("This week"),swaps:[]}],["month",{title:Hr.t("This month"),swaps:[]}],["year",{title:Hr.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=Wm();t.forEach(p=>{let u=Number(p.creationTime),c=Wm(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 m=new Date(u).getFullYear().toString();o(m,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),a=r.flatMap(p=>p.swaps),s=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:a,groupCounts:s,groups:l}},"groupSwapsByDate");var pT=aT("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),cT=i((t,e)=>t?.length?t.filter(o=>ht(o.fromBlockchain,e)||ht(o.toBlockchain,e)||ht(o.toSymbol,e)||ht(o.fromSymbol,e)).length:!1,"isStepContainsText");function Bm(){let t=lT(),{manager:e,state:o}=rT(),n=Re(e).map(({swap:c})=>c),[r,a]=sT(""),s=!o.loadedFromPersistor,l=i(c=>{let m=c.target.value;a(m)},"searchHandler"),p=n;r&&(p=n.filter(c=>ht(c.inputAmount,r)||ht(c.status,r)||cT(c.steps,r)||ht(c.requestId,r)));let u=!p?.length&&!s;return Bt.createElement(pe,{header:{title:Gr.t("History")}},Bt.createElement(me,null,Bt.createElement(Lt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Gr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),Bt.createElement(Lm,{size:"16"}),Bt.createElement(pT,null,u&&Bt.createElement(bm,null,Bt.createElement(Lm,{size:32}),Bt.createElement(iT,{title:Gr.t("No results found"),description:r?Gr.t("Try using different keywords"):""})),!u&&Bt.createElement(os,{list:p,onSwapClick:t,groupBy:Mm,isLoading:s}))))}i(Bm,"HistoryPage");import{i18n as NT}from"@lingui/core";import{Button as WT,Divider as Zm,styled as MT,WarningIcon as LT}from"@rango-dev/ui";import BT from"bignumber.js";import ze,{useEffect as Jm,useState as Rm}from"react";import{useNavigate as PT}from"react-router-dom";import{i18n as hT}from"@lingui/core";import{Header as yT}from"@rango-dev/ui";import Xt,{useEffect as ST,useState as CT}from"react";import{i18n as mT}from"@lingui/core";import{Divider as rs,FullExpandedQuote as dT,Typography as fT}from"@rango-dev/ui";import ge from"react";import{styled as ns}from"@rango-dev/ui";var Pm=ns("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),_m=ns("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),$m=ns("div",{width:"146px"});import{i18n as cn}from"@lingui/core";import{Select as uT}from"@rango-dev/ui";import Dm from"react";function Vr(t){let{updateQuotePartialState:e,sortStrategy:o}=j(),n=[{value:"SMART",label:cn.t("Smart Routing")},{value:"FEE",label:cn.t("Lowest Fee")},{value:"SPEED",label:cn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:cn.t("Maximum Return")},{value:"PRICE",label:cn.t("Maximum Output")}];return Dm.createElement($m,null,Dm.createElement(uT,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Vr,"SelectStrategy");var Fm=3;function un(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:a=!0,fullExpandedMode:s=!1,container:l}=t,{selectedQuote:p,quotes:u,updateQuotePartialState:c,fromToken:m,toToken:d,sortStrategy:f,error:g}=j(),{slippage:S,customSlippage:T}=y(),h=y().tokens(),C=l||P(),k=!!u&&u.results.length,x=T??S,I=i(w=>{if(!m||!d||!u)return null;let E={requestAmount:u.requestAmount,...w};return So(E,{fromToken:m,toToken:d,userSlippage:x,tokens:h})},"getQuoteWarning"),b=g?.type===0||g?.type===1,v=u?.results?Yn(f,u?.results):[];return ge.createElement(ge.Fragment,null,a&&ge.createElement(ge.Fragment,null,ge.createElement(_m,null,ge.createElement(fT,{size:"xmedium",variant:"title"},mT.t("Sort by")),ge.createElement(Vr,{container:C})),ge.createElement(rs,{size:"10"})),e&&Array.from({length:Fm},(w,E)=>ge.createElement(ge.Fragment,{key:E},s?ge.createElement(dT,{loading:!0}):ge.createElement(an,{tagHidden:!1,type:"list-item",expanded:!1}),E!==Fm-1&&ge.createElement(rs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,k?v.map((w,E)=>{let A=I(w),B=ja(w.swaps),J=v.length-1===E;return ge.createElement(ge.Fragment,{key:w.requestId},ge.createElement(uo,{showModalFee:r,container:C,selected:p?.requestId===w.requestId,tagHidden:!1,quote:{...w,requestAmount:u.requestAmount},loading:e,error:B?.options||null,warning:A,fullExpandedMode:s,onClick:L=>{B||c("warning",A),c("error",B?.options||null),o(L)},type:"list-item"}),!J&&ge.createElement(rs,{size:16}))}):b&&ge.createElement(Pm,null,ge.createElement(Yo,{size:s?"large":"small",error:g,fetch:n}))))}i(un,"Quotes");import{darkTheme as gT,styled as Om}from"@rango-dev/ui";var Um=Om("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${gT} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),zm=Om("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var TT=100;function is(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:a}=t,[s,l]=CT(!1),p=s?"":"is-hidden",{config:u}=y(),c=u?.variant==="full-expanded",m=Do();return ST(()=>{let d=null;return a?d=setTimeout(()=>{l(!0)},TT):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[a]),Xt.createElement(Um,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${fr()}`,id:ye.EXPANDED_BOX_ID},Xt.createElement(yT,{title:hT.t("Routes"),suffix:Xt.createElement(Xt.Fragment,null,Xt.createElement(Vr,{container:m}),Xt.createElement(io,{container:m,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Xt.createElement(zm,null,Xt.createElement(un,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Do(),onClickOnQuote:n,fullExpandedMode:c})))}i(is,"ExpandedQuotes");import{i18n as jm}from"@lingui/core";import{SwapInput as Km}from"@rango-dev/ui";import mn from"react";import{ReverseIcon as vT}from"@rango-dev/ui";import ss from"react";import{keyframes as kT,styled as qm}from"@rango-dev/ui";var as=450,wT=kT({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),Qm=qm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hm=qm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${wT} ${as}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function ls(){let t=j.use.switchFromAndTo();return ss.createElement(Qm,null,ss.createElement(Hm,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},as),t()}},ss.createElement(vT,{size:12})))}i(ls,"SwitchFromAndToButton");import{styled as Gm}from"@rango-dev/ui";var Vm=Gm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Xm=Gm("div",{position:"relative"});function ps(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:a,fromBlockchain:s,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:d,outputUsdValue:f,selectedQuote:g}=j(),{connectedWallets:S,getBalanceFor:T}=ee(),h=a?T(a):null,C=Ln(h)?.amount??"0",k=s&&a?N(h?.amount,h?.decimals):"0",x=!!s&&Ml(S,s.name),I=!Ui(g,c,m),b=!Ui(g,c,f),v=!m||!f||!f.gt(0)?null:Ye(m.toString(),f.toString());return mn.createElement(Vm,null,mn.createElement(Xm,null,mn.createElement(Km,{label:jm.t("From"),mode:"From",onInputChange:u,balance:C,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:I?void 0:N(m,4,4),realUsdValue:I?void 0:ce(m),error:I?te().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:P(),onSelectMaxBalance:()=>{u(k.split(",").join(""))}}),mn.createElement(ls,null)),mn.createElement(Km,{sharpBottomStyle:!r&&(!!g||e),label:jm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Ye(m,f),2,2),warningLevel:Et(v??0),price:{value:N(d,6,6),usdValue:b?void 0:N(f,4,4),realValue:ce(d),realUsdValue:b?void 0:ce(f),error:b?te().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:P()}))}i(ps,"Inputs");import{useCallback as xT,useEffect as bT,useRef as IT,useState as ET}from"react";function Ym(){let{fetch:t,loading:e,cancelFetch:o}=Ur({request:async(n,r)=>await Ft().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ym,"useFetchAllQuotes");var AT=600;function Xr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Ym(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:a}=y().config,s=ee.use.connectedWallets(),l=y().tokens(),{fromToken:p,toToken:u,inputAmount:c,inputUsdValue:m,selectedQuote:d,sortStrategy:f,resetQuote:g,error:S,warning:T,setSelectedQuote:h,updateQuotePartialState:C}=j(),{slippage:k,customSlippage:x,affiliatePercent:I,affiliateRef:b,affiliateWallets:v,fetchStatus:w}=y(),E=y().getLiquiditySources(),A=y().getDisabledLiquiditySources(),B=y().excludeLiquiditySources(),[J,L]=ET(!0),H=IT(c),K=x??k,Q=!p||!u||Pe(p,u)||!Oo(c),oe=i(Y=>{L(Y)},"resetState"),W=i(Y=>{let{fromToken:re,toToken:Te,inputAmount:_,liquiditySources:Oe,excludeLiquiditySources:nt,disabledLiquiditySources:fe,slippage:Ue,affiliateRef:xt,affiliatePercent:Xe,affiliateWallets:rt}=Y;if(J||oe(!0),!Q&&re&&Te){g();let it=yp({fromToken:re,toToken:Te,inputAmount:_,liquiditySources:Oe,excludeLiquiditySources:nt,disabledLiquiditySources:fe,wallets:s,slippage:Ue,affiliateRef:xt,affiliatePercent:Xe,affiliateWallets:rt,enableCentralizedSwappers:a});Ql("experimentalRoute",r)&&(it.experimental=!0),e(it).then(ft=>{let ke=Yn(f,ft.results),M=Lp(d,ke,ft.requestAmount);L(!1),C("quotes",ft),h(M),zr({diagnosisMessages:ft.diagnosisMessages,requestId:M?.requestId||"",swaps:M?.swaps});let G=M&&So(M,{fromToken:re,toToken:Te,userSlippage:K,tokens:l});C("warning",G)}).catch(ft=>{let{error:ke}=qr(ft);(ke?.type===0||ke?.type===1)&&g(),ke?.type!==2&&(C("error",ke),L(!1))})}},"fetch"),U=xT(yl(Y=>{W(Y)},AT),[Q]);return bT(()=>{if(!t){L(!1);return}if(w!=="success")return;if(Q){L(!1),(d||S||T)&&g();return}if(!Oo(c)||m?.eq(0)){oe(!1),o();return}g(),oe(!0);let Y=W;return H.current&&H.current!=c&&(Y=U),H.current=c,Y({inputAmount:c,fromToken:p,toToken:u,liquiditySources:E,excludeLiquiditySources:B,disabledLiquiditySources:A,slippage:K,affiliateRef:b,affiliatePercent:I,affiliateWallets:v}),o},[w,c,p?.symbol,p?.address,p?.blockchain,u?.symbol,u?.address,u?.blockchain,Q,E?.length,n,A.length,K,b,I,JSON.stringify(v)]),{fetch:()=>W({inputAmount:c,fromToken:p,toToken:u,liquiditySources:E,excludeLiquiditySources:B,disabledLiquiditySources:A,slippage:K,affiliateRef:b,affiliatePercent:I,affiliateWallets:v}),loading:J}}i(Xr,"useSwapInput");var _T=MT("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),$T=300;function ed(){let t=PT(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:a,error:s,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:m,updateQuotePartialState:d}=j(),[f,g]=Rm(!1),{isLargeScreen:S,isExtraLargeScreen:T}=Lr(),{fetch:h,loading:C}=Xr({refetchQuote:a}),{config:k,fetchStatus:x}=y(),{connectedWallets:I}=ee(),{isActiveTab:b}=ie(),[v,w]=Rm(!1),A=up({fetchMetaStatus:x,fetchingQuote:C,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:s,warning:l,needsToWarnEthOnPath:!1}),B=Fl(S,T,k?.variant),J=!!n&&!!e&&!!o&&new BT(n).gt(0)&&!Ip(e,o),L=J&&x==="success"&&C,ae=(!B||B&&p?.results.length)&&(l||s);Jm(()=>{c(),d("refetchQuote",!0)},[]),Jm(()=>{g(J)},[J]);let Q=(r||s)&&!v?h:void 0,oe=i(U=>{B&&f?(g(!1),setTimeout(()=>{t(U)},$T)):t(U)},"onHandleNavigation"),W=i(U=>{r?.requestId!==U.requestId&&(w(!1),u(U))},"onClickOnQuote");return ze.createElement(_T,null,ze.createElement(pe,{height:"auto",footer:ze.createElement(WT,{type:"primary",size:"large",disabled:A.disabled||!b,prefix:A.action==="confirm-warning"&&ze.createElement(LT,null),fullWidth:!0,onClick:()=>{A.action==="connect-wallet"?oe(z.wallets):A.action==="confirm-warning"?w(!0):oe(z.confirmSwap)}},A.title),header:{onWallet:()=>{oe(z.wallets)},hasBackButton:!1,title:k.title||NT.t("Swap"),suffix:ze.createElement(io,{hidden:B?["refresh"]:void 0,onClickRefresh:Q,onClickHistory:()=>oe(z.swaps),onClickSettings:()=>{oe(z.settings)}})}},ze.createElement(me,null,ze.createElement(ps,{fetchingQuote:L,fetchMetaStatus:x,isExpandable:B,onClickToken:U=>{oe(U==="from"?z.fromSwap:z.toSwap)}}),ze.createElement(Zm,{size:"2"}),B?null:ze.createElement(uo,{quote:r,loading:L,error:s,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{d("refetchQuote",!1),oe(z.routes)}:void 0}),ae?ze.createElement(ze.Fragment,null,ze.createElement(Zm,{size:"10"}),ze.createElement(Jo,{warning:l,error:s,couldChangeSettings:!0,refetchQuote:h,showWarningModal:v,confirmationDisabled:!b,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),m(!0),oe(z.confirmSwap)},onChangeSettings:()=>oe(z.settings)})):null)),B?ze.createElement(is,{loading:L,onClickOnQuote:W,fetch:h,onClickRefresh:Q,isVisible:f}):null)}i(ed,"Home");import{i18n as td}from"@lingui/core";import{Alert as DT,Divider as FT,List as OT,ListItemButton as UT,Radio as zT,RadioRoot as qT,Typography as QT}from"@rango-dev/ui";import kt from"react";function jt(){let{setLanguage:t,language:e,config:o}=y(),n=Gl,r=o?.language||qo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:a=>t(a||qo),resetLanguage:()=>t(null)}}i(jt,"useLanguage");function od(){let{activeLanguage:t,changeLanguage:e,languages:o}=jt(),n=Je(),r=o.map(a=>{let{local:s,label:l,SVGFlag:p}=a;return{id:s,value:s,title:kt.createElement(QT,{variant:"title",size:"xmedium"},l),onClick:()=>{e(a.local),n()},end:kt.createElement(zT,{value:s}),start:kt.createElement(p,null)}});return kt.createElement(pe,{header:{title:td.t("Language")}},kt.createElement(me,null,kt.createElement(DT,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),kt.createElement(FT,{size:"8"}),kt.createElement(qT,{value:t},kt.createElement(OT,{type:kt.createElement(UT,{title:td.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(od,"LanguagePage");import{i18n as Pt}from"@lingui/core";import{Button as jT,Checkbox as KT,Image as YT,ListItemButton as ZT,NotFound as JT,Typography as RT}from"@rango-dev/ui";import Fe,{useState as ek}from"react";import{Checkbox as VT,Skeleton as rd}from"@rango-dev/ui";import fn from"react";import{styled as cs}from"@rango-dev/ui";var dn=cs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),us=cs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ms=cs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as HT,styled as GT}from"@rango-dev/ui";var nd=GT(HT,{height:61});var XT=30;function ds(){return fn.createElement(dn,null,Array.from(Array(XT),(t,e)=>fn.createElement(nd,{hasDivider:!0,key:e,start:fn.createElement(rd,{variant:"circular",width:35,height:35}),title:fn.createElement(rd,{variant:"text",size:"large",width:90}),end:fn.createElement(VT,{checked:!1})})))}i(ds,"LoadingLiquiditySourceList");function fs({sourceType:t}){let e=y().fetchStatus,o=y().swappers(),n=y().getDisabledLiquiditySources(),[r,a]=ek(""),s=y().toggleLiquiditySource,l=y().isInCampaignMode(),p=Fn(o,n),u={Exchanges:Pt.t("Exchanges"),Bridges:Pt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&c.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let m=p.filter(h=>c.includes(h.type)),d=m.length===m.filter(h=>h.selected).length,f=i(()=>{m.forEach(h=>{d?s(h.groupTitle):h.selected||s(h.groupTitle)})},"toggleAllSources"),g=m.map(h=>{let{selected:C,groupTitle:k,logo:x}=h;return{start:Fe.createElement(YT,{src:x,size:22,type:"circular"}),onClick:()=>{l||s(k)},end:Fe.createElement(KT,{checked:C,disabled:l}),title:Fe.createElement(RT,{variant:"title",size:"xmedium"},Pt.t(k)),...h}}),S=i(h=>{let C=h.target.value;a(C)},"searchHandler"),T=g;return r&&(T=g.filter(h=>ht(h.groupTitle,r))),Fe.createElement(pe,{header:{title:Pt.t(t),suffix:Fe.createElement(us,null,Fe.createElement(jT,{variant:"ghost",size:"xsmall",onClick:f},d?Pt.t("Deselect all"):Pt.t("Select all")))}},Fe.createElement(me,{view:!0},Fe.createElement(Lt,{value:r,setValue:a,fullWidth:!0,color:"light",variant:"contained",placeholder:Pt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&Fe.createElement(ds,null),!T.length&&r?Fe.createElement(ms,null,Fe.createElement(JT,{title:Pt.t("No results found"),description:Pt.t("Try using different keywords")})):e==="success"&&Fe.createElement(dn,{disabled:l},T.map(h=>{let{groupTitle:C,...k}=h;return Fe.createElement(Fe.Fragment,{key:h.id},Fe.createElement(ZT,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))}))))}i(fs,"LiquiditySourcePage");import{i18n as tk}from"@lingui/core";import jr from"react";import{useNavigate as ok}from"react-router-dom";function id(){let t=ok(),e=Je(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:a,error:s}=j(),{fetch:l,loading:p}=Xr({refetchQuote:n}),u=i(d=>{r(d),a("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${z.settings}`,m=`../${z.wallets}`;return jr.createElement(pe,{header:{onWallet:()=>{t(m),a("refetchQuote",!0)},onBack:()=>{a("refetchQuote",!1)},title:tk.t("Routes"),suffix:jr.createElement(io,{onClickRefresh:o||s?l:void 0,hidden:["notifications","history"],onClickSettings:()=>{t(c),a("refetchQuote",!0)}})}},jr.createElement(me,null,jr.createElement(un,{fetch:l,loading:p,onClickOnQuote:u})))}i(id,"RoutesPage");import{i18n as dd}from"@lingui/core";import{Divider as fd,getCategoriesCount as uk,SelectableCategoryList as mk}from"@rango-dev/ui";import _t,{useState as gd}from"react";import{i18n as gs}from"@lingui/core";import{Divider as ud,Image as ak,ListItemButton as sk,NotFound as lk,Typography as md}from"@rango-dev/ui";import et,{useEffect as pk,useState as ck}from"react";var ad=i((t,e,o)=>t.filter(n=>bn(n.type,o)).filter(n=>bt(n.name,e)||bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as nk,styled as sd}from"@rango-dev/ui";var ld=sd("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Kr=sd(Xo,{padding:0,margin:0,listStyle:"none",[`& ${nk}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as rk,Skeleton as pd}from"@rango-dev/ui";import Yr from"react";var ik=20;function cd(){return Yr.createElement(Kr,null,Array.from(Array(ik),t=>Yr.createElement(rk,{key:t,hasDivider:!0,start:Yr.createElement(pd,{variant:"circular",width:35,height:35}),title:Yr.createElement(pd,{variant:"text",size:"large",width:90})})))}i(cd,"LoadingBlockchainList");function hs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[a,s]=ck(e),{fetchStatus:l}=y();pk(()=>{s([...ad(e,o,r)])},[e,o,r]);let p=i(()=>!a.length&&o?et.createElement(et.Fragment,null,et.createElement(ud,{size:32}),et.createElement(lk,{title:gs.t("No results found"),description:gs.t("Try using different keywords")})):et.createElement(Kr,{as:"ul",key:`${r}-${o}`},a.map(u=>et.createElement(sk,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:et.createElement(ak,{src:u.logo,size:30}),title:et.createElement(md,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return et.createElement(ld,null,et.createElement(md,{variant:"label",size:"large"},gs.t("Select Blockchain")),et.createElement(ud,{size:4}),l==="loading"&&et.createElement(cd,null),l==="success"&&p())}i(hs,"BlockchainList");function ys(t){let{type:e}=t,o=Je(),[n,r]=gd(""),[a,s]=gd("ALL"),l=j.use.setToBlockchain(),p=j.use.setFromBlockchain(),u=y().fetchStatus,c=y().blockchains({type:e}),d=uk(c)!==1;return _t.createElement(pe,{header:{title:dd.t("Select Blockchain")}},_t.createElement(me,{view:!0},d&&_t.createElement(_t.Fragment,null,_t.createElement(mk,{setCategory:s,category:a,blockchains:c,isLoading:u==="loading"}),_t.createElement(fd,{size:24})),_t.createElement(Lt,{value:n,autoFocus:!0,placeholder:dd.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),_t.createElement(fd,{size:16}),_t.createElement(hs,{list:c,searchedFor:n,blockchainCategory:a,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ys,"SelectBlockchainPage");import{i18n as ti}from"@lingui/core";import{Divider as $d}from"@rango-dev/ui";import mo,{useState as Nk}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ts}from"@lingui/core";import{BlockchainsChip as Zr,Divider as Cd,Image as Td,Skeleton as yk,Tooltip as Sk,Typography as ks}from"@rango-dev/ui";import Ne from"react";import{useEffect as gk}from"react";var hd=["ETH","COSMOS","OSMOSIS"];function Ss(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(dk),o?.limit&&t.length>o.limit){let a=o.limit,s=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];s=s.filter(c=>u.name!==c)}}n.sort(fk(s)),r=n.splice(a)}return{list:n,more:r}}i(Ss,"prepare");function dk(t,e){let o=hd,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),a=n>-1,s=r>-1;return a&&s?n>r?1:-1:a?-1:s?1:0}i(dk,"sortByMostUsedBlockchains");function fk(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),a=t.findIndex(p=>p===n.name),s=r>-1,l=a>-1;return s&&l?r>a?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(fk,"generateSortByPreferredBlockchainsFor");function yd(t,e){return!!e.list.find(o=>o.name===t)}i(yd,"isInVisibleList");function Cs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=y();gk(()=>{if(e?.selected){let a=Ss(t,o,e);yd(e.selected,a)||n(e?.selected)}},[e?.selected]);let r=Ss(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Cs,"usePrepareBlockchainList");import{styled as hk}from"@rango-dev/ui";var Sd=hk("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Ck=12;function ws(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:a}=t,s=Cs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=y(),p=j.use.resetToBlockchain(),u=j.use.resetFromBlockchain(),c=s.more.length>0,m=s.more.length===1,d=!m&&c;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Cd,{size:12}),Ne.createElement(ks,{variant:"label",size:"large"},Ts.t("Select Blockchain")),Ne.createElement(Cd,{size:12}),Ne.createElement(Sd,null,l==="loading"&&Array.from(Array(Ck),f=>Ne.createElement(yk,{key:f,variant:"rounded",height:50})),l==="success"&&Ne.createElement(Ne.Fragment,null,Ne.createElement(Zr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ne.createElement(ks,{variant:"body",size:"xsmall",color:"secondary500"},Ts.t("All"))),s.list.map(f=>Ne.createElement(Sk,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:P()},Ne.createElement(Zr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Ne.createElement(Td,{src:f.logo,size:30})))),m?Ne.createElement(Zr,{key:s.more[0].name,selected:!!n&&n.name===s.more[0].name,onClick:()=>r(s.more[0])},Ne.createElement(Td,{src:s.more[0].logo,size:30})):null,d?Ne.createElement(Zr,{onClick:a,key:"more-blockchains"},Ne.createElement(ks,{variant:"body",size:"xsmall",color:"secondary500"},Ts._("More +{count}",{count:s.more.length}))):null)))}i(ws,"BlockchainsSection");import{i18n as Ls}from"@lingui/core";import{darkTheme as Md,Divider as Bo,ExternalLinkIcon as wk,Image as vk,ListItemButton as xk,NotFound as bk,PinIcon as Ik,Skeleton as Ld,Typography as ei,VirtualizedList as Ek}from"@rango-dev/ui";import X,{useEffect as Bd,useState as Pd}from"react";import{Divider as Nd,ListItem as kk,Skeleton as gn}from"@rango-dev/ui";import ut from"react";import{css as Lo,darkTheme as kd,ImageContainer as Tk,styled as tt,Typography as wd}from"@rango-dev/ui";var vs=Lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),xs=Lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),bs=Lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Is=Lo({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${kd} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Es=Lo({}),As=Lo(),vd=tt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ns=tt("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Jr=tt("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${xs}`]:{[`& .${Is}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Es}`]:{bottom:"-15px"},[`& .${vs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${bs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ws=tt("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=tt(wd,{}),xd=tt("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${As}`]:{$$color:"$colors$neutral600",[`.${kd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rr=tt("div",{display:"flex",alignItems:"end",flexDirection:"column"}),tU=tt("div",{display:"flex",alignItems:"center"}),bd=tt("div",{position:"relative",[`& ${Tk}`]:{borderRadius:"$xm",overflow:"hidden"}}),Id=tt("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ed=tt(wd,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),Ad=tt("a",{"& svg:hover":{color:"$colors$info"}});function Wd(t){return ut.createElement(Jr,null,Array.from(Array(t.size),e=>ut.createElement(kk,{key:e,hasDivider:!0,start:ut.createElement(gn,{variant:"circular",width:35,height:35}),end:ut.createElement(Rr,null,ut.createElement(gn,{variant:"text",size:"large",width:70}),ut.createElement(Nd,{size:4}),ut.createElement(gn,{variant:"text",size:"medium",width:50})),title:ut.createElement("div",null,ut.createElement(gn,{variant:"text",size:"large",width:90}),ut.createElement(Nd,{size:4}),ut.createElement(gn,{variant:"text",size:"medium",width:90}))})))}i(Wd,"LoadingTokenList");var Bs=20,Ak=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:a,customCssForTagTitle:s}=t,l=e.length;return X.createElement("div",{className:xs()},o?X.createElement("div",{className:vs()},o):X.createElement(Ns,{className:bs()},X.createElement(ei,{variant:"title",size:"xmedium"},r.symbol),X.createElement(Bo,{direction:"horizontal",size:4}),X.createElement(Ws,{css:a},X.createElement(Ms,{variant:"body",size:"xsmall",css:s},r.blockchain))),!!e&&X.createElement("div",{className:`${Is()} ${!o&&Es()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",X.createElement(Bo,{size:4,direction:"horizontal"}),X.createElement(Ad,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},X.createElement(wk,{size:12}))))},"renderDesc");function _d(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[a,s]=Pd(e),l=y().fetchStatus,p=y().blockchains(),[u,c]=Pd(!0),{getBalanceFor:m,loading:d}=ee(),{isTokenPinned:f}=y(),g=i(()=>{s(e.slice(0,a.length+Bs))},"loadNextPage");Bd(()=>{c(e.length>a.length)},[a.length]),Bd(()=>{s(e.slice(0,Bs))},[e.length]);let S=i(()=>!a.length&&o?X.createElement(X.Fragment,null,X.createElement(Bo,{size:32}),X.createElement(bk,{title:Ls.t("No results found"),description:Ls.t("Try using different keywords")})):X.createElement(Ek,{endReached:u?g:void 0,itemContent:T=>{let h=a[T],C=Ln(m(h)),k=h.address||"",x=p.find(w=>w.name===h.blockchain),I=ea(x.color,"main"),b={$$color:I.main250,[`.${Md} &`]:{$$color:I.main850},backgroundColor:"$$color"},v={$$color:I.main600,[`.${Md} &`]:{$$color:I.main200},color:"$$color"};return X.createElement("div",{style:{paddingRight:5}},X.createElement(xk,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":T,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(a[T]),start:X.createElement(bd,null,X.createElement(vk,{src:h.image,size:30}),f(h,t.type)&&X.createElement(Id,null,X.createElement(Ik,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||h.name||!h.name&&!k?X.createElement(Ns,null,X.createElement(ei,{variant:"title",size:"xmedium"},h.symbol),X.createElement(Bo,{direction:"horizontal",size:4}),X.createElement(Ws,{css:b},X.createElement(Ms,{variant:"body",size:"xsmall",css:v},h.blockchain))):void 0,description:x?.info&&k&&x.type!=="COSMOS"?Ak({address:k,token:a[T],customCssForTag:b,customCssForTagTitle:v,name:h.name,url:x.info.addressUrl.split("{wallet}").join(k)}):h.name||void 0,end:d?X.createElement(Rr,null,X.createElement(Ld,{variant:"text",size:"large",width:70}),X.createElement(Bo,{size:4}),X.createElement(Ld,{variant:"text",size:"medium",width:50})):C&&X.createElement(xd,null,X.createElement(Ed,{variant:"title",size:"small"},C.amount),X.createElement("div",null),C.usdValue&&X.createElement(ei,{variant:"body",className:As(),size:"xsmall"},`$${C.usdValue}`))}))},totalCount:a.length,key:`${r}-${o}`}),"renderList");return X.createElement(vd,null,X.createElement(ei,{variant:"label",size:"large"},Ls.t("Select Token")),X.createElement(Bo,{size:4}),l==="loading"&&X.createElement(Wd,{size:Bs}),l==="success"&&X.createElement(Jr,{as:"ul"},S()))}i(_d,"TokenList");function Ps(t){let{type:e}=t,o=Wk(),n=Je(),{fromBlockchain:r,toBlockchain:a,setFromToken:s,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=j(),c=ee.use.getBalanceFor(),[m,d]=Nk(""),g=(e==="source"?r:a)?.name??"",S=y().blockchains({type:e}),T=y().tokens({type:e,blockchain:g,searchFor:m,getBalanceFor:c}),h=i(x=>{e==="source"?p(x):u(x)},"updateBlockchain"),C=i(x=>{e==="source"?s({token:x,meta:{blockchains:S,tokens:T}}):l({token:x,meta:{blockchains:S,tokens:T}})},"updateToken"),k={source:ti.t("Source"),destination:ti.t("Destination")};return mo.createElement(pe,{header:{title:ti.t("Swap {type}",{type:k[e]})}},mo.createElement(me,null,mo.createElement(ws,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:a,onMoreClick:()=>o(z.blockchains),onChange:x=>{h(x)}}),mo.createElement($d,{size:24}),mo.createElement(Lt,{value:m,autoFocus:!0,placeholder:ti.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>d(""),onChange:x=>d(x.target.value)}),mo.createElement($d,{size:16}),mo.createElement(_d,{list:T,selectedBlockchain:g,searchedFor:m,type:e,onChange:x=>{C(x);let I=S.find(b=>x.blockchain===b.name);I&&h(I),n()}})))}i(Ps,"SelectSwapItemsPage");import{i18n as Fs}from"@lingui/core";import{Alert as tw,Button as ow,styled as nw}from"@rango-dev/ui";import fo from"react";import{useInRouterContext as rw,useSearchParams as iw}from"react-router-dom";import{i18n as qd}from"@lingui/core";import{Divider as Pk,InfoIcon as _k,TextField as $k,Tooltip as Dk,Typography as Qd}from"@rango-dev/ui";import mt from"react";import{Chip as Mk,styled as hn,TextField as Lk}from"@rango-dev/ui";var Dd=hn("div",{paddingTop:"$5",padding:"$10 $5"}),Fd=hn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Lk}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Od=hn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),oi=hn("div",{maxWidth:"280px",padding:"$10"}),Ud=hn(Mk,{width:"61px",flexShrink:0});import{i18n as _s}from"@lingui/core";import{Typography as Bk}from"@rango-dev/ui";import yn from"react";function zd(){return yn.createElement(oi,null,yn.createElement(Bk,{variant:"label",size:"medium",color:"neutral700"},_s.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),yn.createElement("br",null),yn.createElement("br",null),yn.createElement("b",null,_s.t("Warning")),":",_s.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(zd,"SlippageTooltipContent");function $s(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=y();return mt.createElement(Dd,null,mt.createElement(Od,null,mt.createElement(Qd,{variant:"title",size:"xmedium"},qd.t("Slippage tolerance per swap")),mt.createElement(Pk,{direction:"horizontal",size:4}),mt.createElement(Dk,{container:P(),side:"top",sideOffset:4,content:mt.createElement(zd,null)},mt.createElement(_k,{color:"gray"}))),mt.createElement(Fd,null,Vl.map((r,a)=>{let s=`slippage-${a}`;return mt.createElement(Ud,{key:s,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),mt.createElement($k,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o===null?"":o,color:"dark",onChange:r=>{let a=r.target.value,s=parseFloat(a);s>=Yl&&s<=Kl?n(s):n(null)},suffix:o&&mt.createElement(Qd,{variant:"body",size:"small"},"%"),placeholder:qd.t("Custom")})))}i($s,"Slippage");import{i18n as wt}from"@lingui/core";import{AutoThemeIcon as Hd,BridgesIcon as Fk,ChevronRightIcon as Ds,DarkModeIcon as Gd,Divider as ni,ExchangeIcon as Ok,InfinityIcon as Uk,InfoIcon as zk,LanguageIcon as qk,LightModeIcon as Vd,List as Qk,ListItem as Hk,ListItemButton as Gk,Skeleton as Vk,styled as Xk,Switch as jk,Tabs as Kk,Tooltip as Yk,Typography as ot}from"@rango-dev/ui";import O from"react";import{useNavigate as Zk}from"react-router-dom";var Jk=Xk("div",{width:"202px",height:"$40"}),Rk=[{id:"light",icon:O.createElement(Vd,{color:"black",size:24}),tooltip:O.createElement(ot,{size:"xsmall",variant:"body"},wt.t("Light"))},{id:"dark",icon:O.createElement(Gd,{color:"black",size:24}),tooltip:O.createElement(ot,{size:"xsmall",variant:"body"},wt.t("Dark"))},{id:"auto",icon:O.createElement(Hd,{color:"black",size:24}),tooltip:O.createElement(ot,{size:"xsmall",variant:"body"},wt.t("Auto"))}],ew=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return O.createElement(Hd,{...e});case"dark":return O.createElement(Gd,{...e});default:return O.createElement(Vd,{...e})}},"getThemeIcon");function Xd(){let t=Zk(),{theme:e}=y().config,{setTheme:o,theme:n}=y(),{activeLanguage:r,languages:a}=jt(),s=a.find(H=>H.local===r)?.label,l=y().fetchStatus,p=y().swappers(),u=y().getDisabledLiquiditySources(),{config:{features:c}}=y(),m=Ke("theme",c),d=Ke("liquiditySource",c),f=Ke("language",c),g=y().infiniteApprove,S=y().toggleInfiniteApprove,T=Fn(p,u),h=T.filter(H=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(H.type)),C=h.length,k=h.filter(H=>H.selected).length,x=T.filter(H=>H.type==="DEX"),I=x.length,b=x.filter(H=>H.selected).length,v=i((H,K)=>{switch(l){case"loading":return O.createElement(Vk,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(ot,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return O.createElement(ot,{variant:"body",size:"medium"},`${H} / ${K}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:O.createElement(ot,{variant:"title",size:"xmedium"},wt.t("Bridges")),end:O.createElement(O.Fragment,null,v(k,C),O.createElement(ni,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),onClick:()=>t(z.bridges),start:O.createElement(Fk,{color:"gray",size:16})},E={id:"exchange-item",title:O.createElement(ot,{variant:"title",size:"xmedium"},wt.t("Exchanges")),end:O.createElement(O.Fragment,null,v(b,I),O.createElement(ni,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),start:O.createElement(Ok,{color:"gray",size:16}),onClick:()=>t(z.exchanges)},A={id:"language-item",title:O.createElement(ot,{variant:"title",size:"xmedium"},wt.t("Language")),start:O.createElement(qk,{color:"gray",size:16}),end:O.createElement(O.Fragment,null,O.createElement(ot,{variant:"body",size:"medium"},s),O.createElement(ni,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),onClick:()=>t(z.languages)},B={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(ot,{variant:"title",size:"xmedium"},wt.t("Infinite approval")),O.createElement(ni,{direction:"horizontal",size:4}),O.createElement(Yk,{side:"top",sideOffset:4,container:P(),content:O.createElement(oi,null,O.createElement(ot,{variant:"label",size:"medium",color:"neutral700"},wt.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.")))},O.createElement(zk,{color:"gray"}))),start:O.createElement(Uk,{color:"gray",size:16}),end:O.createElement(jk,{checked:g}),onClick:S},J={id:"theme-item",type:O.createElement(Hk,null),title:O.createElement(ot,{variant:"title",size:"xmedium"},wt.t("Theme")),end:O.createElement(Jk,null,O.createElement(Kk,{container:P(),items:Rk,value:n,onChange:H=>o(H.id),type:"primary",borderRadius:"small"})),start:ew(n)},L=d?[]:[w,E];return f||L.push(A),L.push(B),!e?.singleTheme&&!m&&L.push(J),O.createElement(Qk,{type:O.createElement(Gk,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Xd,"SettingsLists");var aw=nw("div",{paddingLeft:"$8"});function jd(){let{isInCampaignMode:t,updateCampaignMode:e}=y(),o=t(),[,n]=iw(),r=rw(),a=i(()=>{r&&o&&(n(s=>(s.delete("liquiditySources"),s),{replace:!0}),e("liquiditySources",void 0))},"onClick");return fo.createElement(pe,{header:{title:Fs.t("Settings")}},fo.createElement(me,null,o&&fo.createElement(tw,{type:"info",variant:"alarm",title:Fs.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:fo.createElement(aw,null,fo.createElement(ow,{type:"secondary",size:"small",onClick:a},Fs.t("Reset")))}),fo.createElement($s,null),fo.createElement(Xd,null)))}i(jd,"SettingsPage");import{i18n as Xw}from"@lingui/core";import{cancelSwap as jw}from"@rango-dev/queue-manager-rango-preset";import{useManager as Kw}from"@rango-dev/queue-manager-react";import{Alert as Yw}from"@rango-dev/ui";import tl from"react";import{useParams as Zw}from"react-router-dom";import{i18n as vt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Aw,getCurrentStep as Nw,getRelatedWalletOrNull as Ww}from"@rango-dev/queue-manager-rango-preset";import{Button as If,CopyIcon as Mw,Divider as Lw,IconButton as Bw,QuoteCost as Pw,RangoExplorerIcon as _w,StepDetails as $w,Tooltip as Dw,Typography as go,useCopyToClipboard as Fw}from"@rango-dev/ui";import{useWallets as Ow}from"@rango-dev/wallets-react";import Ef from"bignumber.js";import{PendingSwapNetworkStatus as mi}from"rango-types";import R,{useEffect as Af,useRef as Uw,useState as Nf}from"react";import{useNavigate as zw}from"react-router-dom";import{i18n as Kt}from"@lingui/core";var sw=[Kt.t("Sunday"),Kt.t("Monday"),Kt.t("Tuesday"),Kt.t("Wednesday"),Kt.t("Thursday"),Kt.t("Friday"),Kt.t("Saturday")];function Kd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Kt.t("Today"):`${sw[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Kd,"timeSince");function Yd(t){return t.finishTime?Kd(parseInt(t.finishTime)):Kd(parseInt(t.creationTime))}i(Yd,"getSwapDate");import{PendingSwapNetworkStatus as ai}from"rango-types";import si from"react";import{i18n as ri}from"@lingui/core";import{Button as Zd,Divider as Os,MessageBox as lw}from"@rango-dev/ui";import Yt from"react";var Jd=i(({onCancel:t,onClose:e})=>Yt.createElement(Yt.Fragment,null,Yt.createElement(Os,{size:20}),Yt.createElement(lw,{type:"error",title:ri.t("Cancel Swap"),description:ri.t("Are you sure you want to cancel this swap?")}),Yt.createElement(Os,{size:32}),Yt.createElement(Zd,{variant:"contained",type:"primary",size:"large",onClick:t},ri.t("Yes, Cancel it")),Yt.createElement(Os,{size:12}),Yt.createElement(Zd,{variant:"outlined",type:"primary",size:"large",onClick:e},ri.t("No, Continue"))),"CancelContent");import{i18n as ii}from"@lingui/core";import{Button as Rd,Divider as Us,MessageBox as pw,Typography as cw}from"@rango-dev/ui";import $t from"react";var ef=i(({onDelete:t,onClose:e})=>$t.createElement($t.Fragment,null,$t.createElement(Us,{size:20}),$t.createElement(pw,{type:"error",title:ii.t("Delete Transaction"),description:ii.t("Are you sure you want to delete this swap?")}),$t.createElement(Us,{size:32}),$t.createElement(Rd,{variant:"contained",type:"primary",size:"large",onClick:t},ii.t("Yes, Delete it")),$t.createElement(Us,{size:12}),$t.createElement(Rd,{variant:"outlined",type:"primary",size:"large",onClick:e},$t.createElement(cw,{variant:"title",size:"medium",color:"primary"},ii.t("No, Cancel")))),"DeleteContent");import{i18n as zs}from"@lingui/core";import{PendingSwapNetworkStatus as qs}from"rango-types";var Qs={[qs.WaitingForNetworkChange]:{type:"loading",title:zs.t("Change Network")},[qs.WaitingForConnectingWallet]:{type:"warning",title:zs.t("Connect Wallet")},[qs.NetworkChanged]:{type:"success",title:zs.t("Network Changed")}};import{debug as nf}from"@rango-dev/logging-core";import{MessageBox as uw,Wallet as mw}from"@rango-dev/ui";import{useWallets as dw}from"@rango-dev/wallets-react";import Po,{useState as fw}from"react";import{styled as tf}from"@rango-dev/ui";var of=tf("div",{display:"flex",justifyContent:"center"}),Qz=tf("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var rf=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:a,walletButtonDisabled:s}=t,{connect:l,getWalletInfo:p,state:u}=dw(),[c,m]=fw(null),d=n?.walletType,f=d?Ei(u(d)):null,g=d?p(d):null;return Po.createElement(Po.Fragment,null,Po.createElement(uw,{type:e,title:o,description:r}),a&&!!d&&!!f&&!!g&&Po.createElement(of,null,Po.createElement(mw,{container:P(),title:g.name,image:g.img,type:d,state:f,link:g.installLink,disabled:s,onClick:async()=>{g.namespaces?m({providerType:d,providerImage:g.img,availableNamespaces:g.namespaces,singleNamespace:g.singleNamespace}):l(d).catch(T=>nf(T))}})),Po.createElement(so,{open:!!c,onClose:()=>m(null),onConfirm:T=>{l(c?.providerType,void 0,T).catch(h=>nf(h)),m(null)},image:c?.providerImage,namespaces:c?.availableNamespaces,singleNamespace:c?.singleNamespace}))},"WalletStateContent");function Hs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:a,message:s,walletButtonDisabled:l}=t,p=e===ai.WaitingForNetworkChange||e===ai.WaitingForConnectingWallet||e===ai.NetworkChanged;return si.createElement(ne,{open:!!e,onClose:o,container:document.getElementById(ye.SWAP_BOX_ID)||document.body},p&&si.createElement(rf,{type:Qs[e].type,title:Qs[e].title,currentStepWallet:a,message:s,walletButtonDisabled:l,showWalletButton:e!==ai.WaitingForNetworkChange}),e==="delete"&&si.createElement(ef,{onClose:o,onDelete:n}),e==="cancel"&&si.createElement(Jd,{onClose:o,onCancel:r}))}i(Hs,"SwapDetailsModal");import{i18n as Sn}from"@lingui/core";import{Button as Gs,Divider as li,MessageBox as af,TokenAmount as gw,Typography as Vs}from"@rango-dev/ui";import Le from"react";import{useNavigate as hw}from"react-router-dom";function Xs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:a,realUsdValue:s,realValue:l,token:p,chain:u,percentageChange:c,description:m,diagnosisUrl:d}=t,f=hw();return Le.createElement(ne,{open:e,onClose:o,container:document.getElementById(ye.SWAP_BOX_ID)||document.body},n==="success"?Le.createElement(af,{type:"success",title:Sn.t("Swap Successful")},Le.createElement(gw,{direction:"vertical",tooltipContainer:P(),type:"output",centerAlign:!0,price:{value:r,usdValue:a,realUsdValue:s,realValue:l},token:p,chain:u,percentageChange:c}),Le.createElement(li,{size:12}),Le.createElement(Vs,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):Le.createElement(af,{type:"error",title:Sn.t("Transaction Failed"),description:m}),Le.createElement(li,{size:32}),n==="success"&&Le.createElement(Gs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Le.createElement(Vs,{variant:"title",size:"medium",color:"neutral100"},Sn.t("Done"))),Le.createElement(li,{size:12}),d&&Le.createElement(Le.Fragment,null,Le.createElement(Gs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},Sn.t("Diagnosis")),Le.createElement(li,{size:12})),Le.createElement(Gs,{variant:"outlined",type:"primary",size:"large",onClick:o},Le.createElement(Vs,{variant:"title",size:"medium",color:"primary"},Sn.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import Ew from"react";import{i18n as vw}from"@lingui/core";import{Alert as wf,IconButton as xw,LinkIcon as bw}from"@rango-dev/ui";import Zt,{Fragment as Iw}from"react";import{Alert as Cw,ChevronDownIcon as Tw,IconButton as kw}from"@rango-dev/ui";import $o,{useState as ww}from"react";import{css as Cn,darkTheme as yw,styled as Dt,Typography as Sw}from"@rango-dev/ui";var sf=Dt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),pi=Dt("div",{width:"100%"}),lf=Dt(Xo,{padding:"$0 $20 $20 $20"}),bq=Dt("div",{display:"flex",flexDirection:"column",gap:"$10"}),pf=Dt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),Iq=Dt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),_o=Cn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${yw} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),cf=Cn({padding:"$5 0"}),ci=Cn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),uf=Cn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),mf=Cn({width:"100%",padding:"0 $20 $10"}),df=Dt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),ff=Dt("div",{display:"flex",flexDirection:"column",gap:"$5"}),ui=Dt(Sw,{wordBreak:"break-word"});import{styled as js}from"@rango-dev/ui";var gf=js("div",{display:"flex",flexDirection:"column",gap:"$10"}),hf=js("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),yf=js("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function Sf(t){let{message:e}=t,[o,n]=ww(!1);return $o.createElement(Cw,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&$o.createElement(kw,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},$o.createElement(hf,{rotated:o},$o.createElement(Tw,{size:12,color:"gray"}))),footer:$o.createElement(yf,{open:o},$o.createElement(ui,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(Sf,"FailedAlert");import{i18n as Cf}from"@lingui/core";import{Alert as Ks,Button as Tf}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import Tn from"react";function kf(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Tn.createElement(Ks,{type:"warning",title:n.shortMessage,action:Tn.createElement(Tf,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(a=>{console.log(a)})}},Cf.t("Change"))}):r===Ys.WaitingForConnectingWallet?Tn.createElement(Ks,{type:"warning",title:n.shortMessage,action:Tn.createElement(Tf,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},Cf.t("Connect"))}):Tn.createElement(Ks,{type:"warning",title:n.shortMessage})}i(kf,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:a,hasAlreadyProceededToSign:s}=t,l=Go(a),p=a.status==="waitingForApproval"&&!l,u=a.status==="running"&&!l,c=u&&!s||p&&!a.explorerUrl?.length;return Zt.createElement(gf,null,a.explorerUrl?.map((m,d,f)=>{let g=d+m.url,S=d===f.length-1,T=(S&&u||p)&&!c,h=S&&a.status==="failed";return Zt.createElement(Iw,{key:g},Zt.createElement(wf,{type:S&&(T&&"loading"||h&&"error")||"success",title:m.description?`${m.description} Tx`:vw.t("View transaction"),action:m.url&&Zt.createElement(xw,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},Zt.createElement(bw,{size:12}))}))}),c&&Zt.createElement(wf,{type:"loading",title:r.shortMessage}),a.status!=="failed"&&l&&Zt.createElement(kf,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),a.status==="failed"&&Zt.createElement(Sf,{message:r}))}i(Zs,"SwapDetailsAlerts");var vf=2e3;var xf=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((a,s)=>{let l=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:a.fromSymbol,image:a.fromLogo??""},chain:{displayName:je(a.fromBlockchain,e)??"",image:a.fromBlockchainLogo??""},price:{value:N(l,6,6),realValue:l}},to:{token:{displayName:a.toSymbol,image:a.toLogo},chain:{displayName:je(a.toBlockchain,e)??"",image:a.toBlockchainLogo??""},price:{value:N(a.outputAmount||a.expectedOutputAmountHumanReadable,6,6),realValue:a.outputAmount||a.expectedOutputAmountHumanReadable}},swapper:{displayName:zo(a.swapperId,o),image:a.swapperLogo??"",type:a.swapperType},internalSwaps:a.internalSwaps?a.internalSwaps.map(p=>({from:{chain:{displayName:je(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:je(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:zo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Ew.createElement(Zs,{step:a,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function bf(t){if(Go(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(bf,"getStepState");function Js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:a,connect:s,getWalletInfo:l}=Ow(),p=y().blockchains(),u=y().swappers(),c=y().tokens(),m=j.use.retry(),d=ie.use.isActiveTab(),f=zw(),[g,S]=Fw(vf),T=Uw(null),[h,C]=Nf(null),[k,x]=Nf(null),I=i(()=>{r(),C(null)},"onCancel"),b=Ee.use.getNotifications(),v=Ee.use.removeNotification(),w=b(),E=Nw(e),A=E?.networkStatus;Af(()=>{w.find(M=>M.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):k&&x(null))},[e.status,e.requestId]),Af(()=>{Q?C(mi.WaitingForNetworkChange):A===mi.WaitingForConnectingWallet||A===mi.NetworkChanged?C(A):C(null)},[A]);let B=vp(e),J=E?Aw(e,E):null,L=E?Ww(e,E):null,H=Yd(e),K=xp(e),ae=i(ke=>!!l(ke)?.mobileWallet,"isMobileWallet"),Q=A===mi.WaitingForNetworkChange&&!!J&&!!L?.walletType&&(ae(L.walletType)||a(L.walletType,J)),oe=Q?s.bind(null,L.walletType,J):void 0,W=wp(e,E),U=xf({swap:e,switchNetwork:oe,showNetworkModal:A,setNetworkModal:C,message:W,blockchains:p,swappers:u}),Y=U.length,[re,Te]=[e.steps[0],e.steps[Y-1]],_=Te.outputAmount||Te.expectedOutputAmountHumanReadable,Oe=e.steps.reduce((ke,M)=>ke+parseFloat(M.feeInUsd||""),0),nt=e.steps.find(ke=>ke.diagnosisUrl)?.diagnosisUrl,fe=N(parseFloat(N(_,6,6))*(Te.toUsdPrice||0),4,4),Ue=N(parseFloat(e.inputAmount)*(re.fromUsdPrice||0),4,4),xt=_?ce(new Ef(_).multipliedBy(Te.toUsdPrice||0)):"",Xe=ce(new Ef(e.inputAmount).multipliedBy(re.fromUsdPrice||0)),rt=Ye(Ue,fe),it=W.detailedMessage.content||W.shortMessage,ft=e.status==="success"?vt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(_,6,6),token:U[Y-1].to.token.displayName,conciseAddress:Bn(e.wallets[U[Y-1].to.chain.displayName]?.address||""),chain:U[Y-1].to.chain.displayName}}):R.createElement(ff,null,R.createElement(go,{variant:"body",size:"medium",color:"neutral700",align:"center"},it?"":vt.t("Transaction was not sent."),B?`${vt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),it&&R.createElement(ui,{align:"center",variant:"body",size:"medium",color:"neutral700"},R.createElement("b",null,"Reason:")," ",it));return R.createElement(pe,{header:{title:vt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(vo,null,R.createElement(If,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},R.createElement(go,{size:"medium",variant:"label",color:"error"},vt.t("Delete"))))},footer:K&&!k&&R.createElement(If,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:c}),setTimeout(()=>{f("../../")},0)}},vt.t("Try again"))},R.createElement(me,{compact:!0,view:!0},R.createElement(pi,null,R.createElement("div",{className:_o()},R.createElement(go,{variant:"label",size:"large",color:"neutral700"},`${vt.t("Request ID")}:`),R.createElement("div",{className:ci()},R.createElement(go,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(Bw,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(Mw,{size:16,color:"gray"})),R.createElement(df,{target:"_blank",href:`${pl}/swap/${o}`},R.createElement(Dw,{container:P(),content:vt.t("View on Rango Explorer"),side:"bottom"},R.createElement(_w,{size:20}))))),R.createElement("div",{className:_o()},R.createElement(go,{variant:"label",size:"large",color:"neutral700"},`${vt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(go,{variant:"label",size:"small",color:"neutral700"},H))),R.createElement("div",{className:uf()},R.createElement(Pw,{fee:N(String(Oe),2,2),time:Fo(In(e.steps)),steps:Y}),R.createElement(en,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Ue,realUsdValue:Xe,realValue:e.inputAmount},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:N(_,6,6),usdValue:fe,realUsdValue:xt,realValue:_},token:{displayName:U[Y-1].to.token.displayName,image:U[Y-1].to.token.image},chain:{image:U[Y-1].to.chain.image,displayName:U[Y-1].to.chain.displayName}},percentageChange:N(rt,2,2),warningLevel:Et(rt??0)})),R.createElement("div",{className:mf()},R.createElement(go,{variant:"title",size:"small"},vt.t("Swaps steps"))),R.createElement(Lw,{size:8}),R.createElement(lf,{ref:T},U.map((ke,M)=>{let G=M,V=bf(e.steps[M]),Qe=V==="error"||V==="in-progress"||V==="warning"||V==="completed"&&M===U.length-1;return R.createElement($w,{key:G,step:ke,type:"swap-progress",ref:T,state:V,hasSeparator:M!==0,tabIndex:G,isFocused:Qe,tooltipContainer:P()})}))),R.createElement(Hs,{state:h,onClose:()=>C(null),onCancel:I,onDelete:n,message:W.detailedMessage.content,currentStepWallet:L,walletButtonDisabled:!d}),R.createElement(Xs,{open:!!k,diagnosisUrl:nt,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(_,6,6),usdValue:fe,realUsdValue:xt,realValue:ce(_),percentageChange:N(rt,2,2),token:{displayName:U[Y-1].to.token.displayName,image:U[Y-1].to.token.image},chain:{image:U[Y-1].to.chain.image},description:ft}))}i(Js,"SwapDetails");import{i18n as fi}from"@lingui/core";import{Divider as Lf,NotFound as Vw,Skeleton as wn,Typography as gi}from"@rango-dev/ui";import he from"react";import{i18n as qw}from"@lingui/core";import{Divider as Qw,Skeleton as Hw,Typography as Gw}from"@rango-dev/ui";import Ce from"react";import{css as dt,styled as Rs}from"@rango-dev/ui";var Wf=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),kn=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),di=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),FQ=dt({display:"flex",justifyContent:"space-between",alignItems:"center"}),OQ=dt({display:"flex",justifyContent:"space-between",alignItems:"center"}),UQ=dt({paddingTop:"$15",display:"flex"}),zQ=dt({padding:"$15 $0"}),qQ=dt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),QQ=dt({paddingBottom:"$10"}),HQ=dt({display:"flex",justifyContent:"start",alignItems:"center"}),GQ=dt({paddingTop:"$5",display:"flex",alignItems:"center"}),VQ=dt({display:"flex",alignItems:"center"}),XQ=dt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Mf=dt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function el(){return Ce.createElement(Wf,null,Ce.createElement(nn,{type:"swap-preview"}),Ce.createElement("div",{className:"swaps-steps"},Ce.createElement(Gw,{variant:"title",size:"small"},qw.t("Swaps steps"))),Ce.createElement(Ce.Fragment,null,Ce.createElement(kn,null,Ce.createElement(Tt,{separator:!1}),Ce.createElement("div",{className:Mf()},Ce.createElement(Qw,{direction:"horizontal",size:20}),Ce.createElement(Hw,{height:22,variant:"rectangular"}))),Ce.createElement(di,null),Ce.createElement(kn,null,Ce.createElement(Tt,{separator:!1})),Ce.createElement(di,null),Ce.createElement(kn,null,Ce.createElement(Tt,{separator:!1})),Ce.createElement(di,null),Ce.createElement(kn,null,Ce.createElement(Tt,{separator:!1}))))}i(el,"LoadingSwapDetails");function Bf(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(pe,{header:{title:fi.t("Swap and Bridge"),suffix:he.createElement(vo,null)}},o&&he.createElement(sf,null,he.createElement(pi,null,he.createElement("div",{className:_o()},he.createElement(gi,{variant:"label",size:"large",color:"neutral700"},`${fi.t("Request ID")}:`),he.createElement("div",{className:ci()},he.createElement(gi,{variant:"label",size:"small",color:"neutral700"},he.createElement(wn,{width:60,height:10,variant:"rounded"})),he.createElement(Lf,{direction:"horizontal",size:4}),he.createElement(wn,{width:16,height:16,variant:"rectangular"}),he.createElement(Lf,{direction:"horizontal",size:4}),he.createElement(wn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:_o()},he.createElement(gi,{className:cf(),variant:"label",size:"large",color:"neutral700"},he.createElement(wn,{width:60,height:10,variant:"rounded"})),he.createElement(gi,{variant:"label",size:"small",color:"neutral700"},he.createElement(wn,{width:60,height:10,variant:"rounded"})))),he.createElement(el,null)),!o&&he.createElement(pf,null,he.createElement(Vw,{title:fi.t("Not found"),description:fi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Bf,"SwapDetailsPlaceholder");function Pf(){let{manager:t,state:e}=Kw(),o=!e.loadedFromPersistor,n=Re(t),{requestId:r}=Zw(),a=Je(),{fetchStatus:s}=y();if(!r)return tl.createElement(Yw,{containerStyles:{margin:"20px"},type:"error",title:Xw.t("The request ID is necessary to display the swap details.")});let l=o||s==="loading",p=r?n.find(({swap:d})=>d.requestId===r):void 0,u=i(()=>{if(p?.id){let d=t?.get(p.id);d&&jw(d)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),a()}catch(d){console.log(d)}},"onDelete"),m=p?.swap;return!m||l?tl.createElement(Bf,{requestId:r,showSkeleton:l}):tl.createElement(Js,{swap:m,requestId:r,onCancel:u,onDelete:c})}i(Pf,"SwapDetailsPage");function _f(){return Pp(),Ki(),Jw([{path:z.home,element:qe.createElement(ed,null)},{path:z.routes,element:qe.createElement(id,null)},{path:z.fromSwap,children:[{index:!0,element:qe.createElement(Ps,{type:"source"})},{path:z.blockchains,element:qe.createElement(ys,{type:"source"})}]},{path:z.toSwap,children:[{index:!0,element:qe.createElement(Ps,{type:"destination"})},{path:z.blockchains,element:qe.createElement(ys,{type:"destination"})}]},{path:z.settings,children:[{index:!0,element:qe.createElement(jd,null)},{path:z.languages,element:qe.createElement(od,null)},{path:z.exchanges,element:qe.createElement(fs,{sourceType:"Exchanges"})},{path:z.bridges,element:qe.createElement(fs,{sourceType:"Bridges"})}]},{path:z.swaps,children:[{index:!0,element:qe.createElement(Bm,null)},{path:z.swapDetails,element:qe.createElement(Pf,null)}]},{path:z.wallets,element:qe.createElement(Hc,null)},{path:z.confirmSwap,element:qe.createElement(km,null)}])}i(_f,"AppRoutes");import{useQueueManager as lv}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as pv}from"@rango-dev/wallets-shared";import{isEvmBlockchain as cv}from"rango-sdk";import{useContext as uv,useEffect as mv,useState as qf}from"react";import{globalCss as Rw}from"@rango-dev/ui";var $f=i(()=>Rw({"@import":"url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')"})(),"globalFont");function Df(){let{setWatermark:t}=ie();return{fetchApiConfig:i(async()=>{let o=await fetch(`${It("BASE_URL")}/meta/dapp/config?apiKey=${It("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(Df,"useFetchApiConfig");import{useWallets as ev}from"@rango-dev/wallets-react";import{useEffect as tv,useRef as ov}from"react";function Ff(){let{connect:t,state:e}=ev(),o=ov({}),{fetchStatus:n}=y(),r=new URLSearchParams(location.search).get("autoConnect")||"",a=e(r);tv(()=>{n==="success"&&r&&a.installed&&!a.connecting&&!a.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[a,n])}i(Ff,"useForceAutoConnect");import{isApprovalTX as nv,MainEvents as hi,RouteEventType as Of,StepEventType as Uf,StepExecutionEventStatus as rv,useEvents as iv}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zf}from"react";function ol(){let t=y().tokens(),e=ee.use.connectedWallets(),o=ee.use.getWalletsDetails(),n=Ee.use.setNotification(),r=iv();zf(()=>{let a=i(s=>{let{event:l,step:p,route:u}=s;if(l.type===Uf.TX_EXECUTION&&l.status===rv.TX_SENT&&!nv(p)||l.type===Uf.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),d&&o([d],t)}n(l,u)},"handleStepEvent");return r.on(hi.StepEvent,a),()=>r.off(hi.StepEvent,a)},[r,e.length]),zf(()=>{let a=i(s=>{let{event:l,route:p}=s;(l.type===Of.FAILED||l.type===Of.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(hi.RouteEvent,a),()=>r.off(hi.RouteEvent,a)},[r,e.length])}i(ol,"useSubscribeToWidgetEvents");import{useManager as av}from"@rango-dev/queue-manager-react";import{useEffect as sv}from"react";function nl(){let{isSynced:t,syncNotifications:e}=Ee(),{manager:o,state:n}=av();sv(()=>{Ee.persist.hasHydrated()&&n.loadedFromPersistor&&!t&&e(Re(o))},[Ee.persist.hasHydrated(),n.loadedFromPersistor,t])}i(nl,"useSyncNotifications");function rl(){Ff(),$f(),ol(),nl();let t=y().blockchains(),{canSwitchNetworkTo:e}=kr(),[o,n]=qf(""),[r,a]=qf(),s=uv(Un),l=t.filter(cv),{fetchApiConfig:p}=Df();lv({lastConnectedWallet:o,clearDisconnectedWallet:()=>{a(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),mv(()=>(eo.init(),Ee.persist.hasHydrated()||Ee.persist.rehydrate(),s.onConnectWallet(n),s.onDisconnectWallet(u=>{a(u),u===pv(o)?.[0]&&n("")}),p().catch(console.log),eo.destroy),[])}i(rl,"useBootstrap");import{styled as dv}from"@rango-dev/ui";var Qf=dv("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function yi(){rl();let{config:t}=y(),{activeTheme:e}=sr(t?.theme||{}),{activeLanguage:o}=jt();return il.createElement(fv,{language:o},il.createElement(Qf,{id:"swap-container",className:e()},il.createElement(_f,null)))}i(yi,"Main");import{setSolanaSignerConfig as Pv}from"@rango-dev/signer-solana";import sl,{useEffect as jf,useMemo as _v}from"react";import{useState as gv}from"react";var hv=i(()=>{let[t,e]=gv(null),o=i(a=>{let s=document.createElement("link");return s.href=a,s.rel="stylesheet",document.head.appendChild(s),s},"loadFont"),n=i(()=>{t&&(document.head.removeChild(t),e(null))},"unloadFont");return{handleLoadCustomFont:i(a=>{n();let s=Cl(a);if(s){let l=o(s);e(l)}},"handleLoadCustomFont")}},"useFontLoader"),Hf=hv;import{checkWaitingForNetworkChange as yv,makeQueueDefinition as Sv}from"@rango-dev/queue-manager-rango-preset";import{Provider as Cv}from"@rango-dev/queue-manager-react";import{useWallets as Tv}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as kv}from"@rango-dev/wallets-shared";import{isEvmBlockchain as wv}from"rango-types";import vv,{useMemo as xv}from"react";function bv(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:a,getWalletInfo:s}=Tv(),l=xv(()=>Sv({API_KEY:t.apiKey||It("API_KEY"),BASE_URL:It("BASE_URL")}),[t.apiKey]),p=y().blockchains(),c={blockchains:ee.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},m=i(async(k,x)=>{if(a(k,x))return r(k,x)},"switchNetwork"),d=i(k=>!!s(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,x)=>(k[x.name]=x,k),{}),g=p.filter(wv),S=i(k=>{let{supportedChains:x}=s(k);return Nn(x)},"getSupportedChainNames"),T=e(),h={meta:{blockchains:f,evmBasedChains:g,evmNetworkChainInfo:kv(g),getSupportedChainNames:S},getSigners:o,wallets:c,providers:T,switchNetwork:m,canSwitchNetworkTo:a,connect:r,state:n,isMobileWallet:d},C=ie.use.isActiveTab();return vv.createElement(Cv,{queuesDefs:[l],context:h,onPersistedDataLoaded:k=>{yv(k)},isPaused:!C},t.children)}i(bv,"QueueManager");var Gf=bv;import{useManager as Wv}from"@rango-dev/queue-manager-react";import Mv,{createContext as Lv,useContext as Bv}from"react";import{cancelSwap as Iv,getCurrentBlockchainOfOrNull as Ev,getCurrentStep as Av,getRelatedWalletOrNull as Nv}from"@rango-dev/queue-manager-rango-preset";var Si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Re(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&&Iv(o)}getCurrentStepInfo(e){let o=Av(e);return{step:o,wallet:o?Nv(e,o):null,network:o?Ev(e,o):null}}};var Vf=Lv(void 0);function al(t){let{manager:e}=Wv(),o=ie.use.isActiveTab(),n=j.use.retry(),r=new Si(e,{retrySwap:n}),a=ee.use.connectedWallets(),s=ee.use.loading(),l=El(a),p=ee.use.getWalletsDetails(),u=y().blockchains(),c=y().tokens(),m=y().swappers(),d=y().fetchStatus,f=jt().resetLanguage,g=Ee().getNotifications(),S={isActiveTab:o,setCurrentTabAsActive:eo.forceClaim,history:r,wallets:{isLoading:s,details:a,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:m,loadingStatus:d},resetLanguage:f,notifications:{list:g}};return Mv.createElement(Vf.Provider,{value:S},t.children)}i(al,"WidgetInfo");function Xf(){let t=Bv(Vf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Xf,"useWidget");function Ci(t){let{onUpdateState:e,config:o}=t,n=t.config?.theme?.fontFamily,{handleLoadCustomFont:r}=Hf();return jf(()=>{n&&r(n)},[n]),_v(()=>{_l({API_KEY:o?.apiKey||vn,BASE_URL:o?.apiUrl||ll})},[o.apiKey,o.apiUrl]),jf(()=>{t.config?.signers?.customSolanaRPC&&Pv("customRPC",t.config.signers.customSolanaRPC)},[t.config?.signers?.customSolanaRPC]),sl.createElement(zn,{config:o,onUpdateState:e},sl.createElement(Gf,{apiKey:o.apiKey},sl.createElement(al,null,t.children)))}i(Ci,"WidgetProvider");function Kf(t){let e=t.config?.externalWallets;return Ti.createElement(ip,null,e?Ti.createElement(yi,null):Ti.createElement(Ci,{config:t.config??Li},Ti.createElement(yi,null)))}i(Kf,"Widget");export{t2 as EventSeverity,o2 as MainEvents,m2 as Networks,g2 as PendingSwapNetworkStatus,n2 as RouteEventType,ki as SUPPORTED_FONTS,r2 as StepEventType,i2 as StepExecutionBlockedEventStatus,a2 as StepExecutionEventStatus,ye as UI_ID,c2 as WalletEvents,d2 as WalletTypes,Kf as Widget,Ci as WidgetProvider,zn as WidgetWallets,ra as customizedThemeTokens,p2 as readAccountAddress,kr as useWallets,Xf as useWidget,s2 as useWidgetEvents};
1
+ var Yf=Object.defineProperty;var i=(t,e)=>Yf(t,"name",{value:e,configurable:!0});import{EventSeverity as JV,MainEvents as RV,RouteEventType as e2,StepEventType as t2,StepExecutionBlockedEventStatus as o2,StepExecutionEventStatus as n2,useEvents as r2}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as a2,useWallets as vr,Events as s2}from"@rango-dev/wallets-react";import{Networks as p2,WalletTypes as c2}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as m2}from"rango-types";import{UI_ID as Zf}from"@rango-dev/ui";var xn="c6381a79-2817-4602-83bf-6a641a409e32",ll="https://api.rango.exchange",pl="https://explorer.rango.exchange",Se={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Zf};var cl="Roboto",vi=[{name:"Roboto",value:"Roboto",url:""},{name:"Times New Roman",value:"Times New Roman",url:"https://fonts.cdnfonts.com/css/times-new-roman"},{name:"Arial",value:"Arial",url:""},{name:"Open Sans",value:"Open Sans",url:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"},{name:"Noto Sans",value:"Noto Sans",url:"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Montserrat",value:"Montserrat",url:"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Poppins",value:"Poppins",url:"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"},{name:"Roboto Condensed",value:"Roboto Condensed",url:"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Roboto Mono",value:"Roboto Mono",url:"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"},{name:"Oswald",value:"Oswald",url:"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap"},{name:"Raleway",value:"Raleway",url:"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"},{name:"Sedan",value:"Sedan",url:"https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap"},{name:"Inter",value:"Inter",url:"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"},{name:"Rubik",value:"Rubik",url:"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"},{name:"Lora",value:"Lora",url:"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap"},{name:"Barlow Condensed",value:"Barlow Condensed",url:"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"}];import{Events as Di,Provider as qg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Qg}from"rango-sdk";import Un,{createContext as Hg,useEffect as np,useMemo as Gg,useRef as rp}from"react";import{useEffect as gg}from"react";import{create as mg}from"zustand";import{subscribeWithSelector as dg}from"zustand/middleware";import{RangoClient as cg}from"rango-sdk";import{BlockchainCategories as ng,WalletState as ht}from"@rango-dev/ui";import{readAccountAddress as rg}from"@rango-dev/wallets-react";import{detectInstallLink as ig,getCosmosExperimentalChainInfo as ag,isEvmAddress as sg,KEPLR_COMPATIBLE_WALLETS as ix,Networks as wl}from"@rango-dev/wallets-shared";import Wi from"bignumber.js";import{isCosmosBlockchain as lg}from"rango-types";import Jf from"bignumber.js";var Be=new Jf(0);import{WalletTypes as Rf}from"@rango-dev/wallets-shared";var ul=[Rf.LEAP];import{BlockchainCategories as xi}from"@rango-dev/ui";import{TransactionType as bn}from"rango-sdk";function yo(t){return Array.from(new Set(t))}i(yo,"removeDuplicateFrom");function Ei(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ei,"areEqual");function yl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(yl,"debounce");function xt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(xt,"containsText");function fl(t,e){return t.toLowerCase()===e.toLowerCase()}i(fl,"exactText");function gl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(gl,"startWithText");var B=i(()=>document.getElementById(Se.SWAP_BOX_ID),"getContainer"),Fo=i(()=>document.getElementById(Se.EXPANDED_BOX_ID),"getExpanded");function hl(t,e,o){let n=!!e&&fl(e,t),r=!!o&&fl(o,t);return n!==r?n?-1:1:0}i(hl,"compareExactMatchText");function bi(t,e,o){let n=!!e&&xt(e,t),r=!!o&&xt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(bi,"compareContainsText");function Ii(t,e,o){let n=!!e&&gl(e,t),r=!!o&&gl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(Ii,"compareStartWithText");function Sl(t,e,o){if(!o)return 0;let n=hl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=hl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=Ii(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=bi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=Ii(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=bi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=Ii(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=bi(o,t.address,e.address);if(r!==0)return r}return 0}i(Sl,"compareWithSearchFor");var In=i((t,e)=>{switch(e){case xi.ALL:return!0;case xi.UTXO:return t===bn.TRANSFER;case xi.OTHER:return t!==bn.TRANSFER&&t!==bn.COSMOS&&t!==bn.EVM;default:return t===e}},"isBlockchainTypeInCategory"),Cl=i(t=>vi.find(o=>o.value===t)?.url,"getFontUrlByName");function En(t,e){return e.find(o=>o.name===t)?.displayName}i(En,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function Oo(t,e){return e.find(o=>o.id===t)?.title}i(Oo,"getSwapperDisplayName");function Ai(t,e){return e.find(o=>o.name===t)??null}i(Ai,"findBlockchain");function Ni(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(Ni,"isTokenNative");function Dt(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Dt,"createTokenHash");import{BigNumber as kl}from"bignumber.js";var Uo=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new kl(t),r=1,a=1e3;for(let s=0;s<60;s++)if(new kl(n.toFixed(s,r)).eq(n)){a=s;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,4))),r);for(let s=e||4;s<17;s++)if(n.gte(Math.pow(10,-s)))return n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,s))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(a,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var An=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var gt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),zo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ce(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ce,"formatTooltipNumbers");function Mi(t){switch(!0){case t.connected:return ht.CONNECTED;case t.connecting:return ht.CONNECTING;case!t.installed:return ht.NOT_INSTALLED;default:return ht.DISCONNECTED}}i(Mi,"mapStatusToWalletState");function vl(t,e,o,n){return o.filter(r=>!ul.includes(r)).filter(r=>{let{supportedChains:a,isContractWallet:s}=e(r),{installed:l,network:p}=t(r);return s&&(!l||!!n&&p!==n)?!1:n?!!a.find(c=>c.name===n):!0}).map(r=>{let{name:a,img:s,installLink:l,showOnMobile:p,namespaces:u,singleNamespace:c,supportedChains:m}=e(r),d=yo(m.map(g=>g.type)),f=Mi(t(r));return{title:a,image:s,link:ig(l),state:f,type:r,showOnMobile:p,namespaces:u,singleNamespace:c,blockchainTypes:d}})}i(vl,"mapWalletTypesToWalletInfo");function Mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Mn,"walletAndSupportedChainsNames");function xl(t,e,o,n,r){let a=[];function s(p,u){if(!!!a.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};a.push(m)}}i(s,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=rg(p),m=l.length>0,d=l.includes(c),f=c===wl.Unknown;if(m&&!d&&!f)return;let S=c===wl.Unknown&&sg(u);if(f&&!S)return;o.includes(c)||S?r?s(c,u.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{s(T,u.toLowerCase())}):s(c,u)}),a}i(xl,"prepareAccountsForWalletStore");function Rt(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,a)=>{let s=r.from.blockchain,l=r.to.blockchain;if(n.add(s),r.internalSwaps){let{internalSwaps:p}=r;p.forEach((u,c)=>{let m=u.from.blockchain,d=u.to.blockchain,f=a===o.swaps.length-1,g=c===p.length-1;(!f&&!g||f&&l!==m||e==="all")&&n.add(m),e==="all"&&n.add(d)})}e==="all"&&n.add(l)}),Array.from(n)}i(Rt,"getQuoteWallets");function Ln(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Ln,"isAccountAndWalletMatched");function bl(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 Wi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:e(r.asset)?.usdPrice||null}))||[]}i(bl,"makeBalanceFor");function Il(t){return{...t,loading:!1,error:!0}}i(Il,"resetConnectedWalletState");var El=i(t=>{let e=new Set,n=t?.reduce((a,s)=>a.findIndex(l=>l.address===s.address&&l.chain===s.chain)===-1?[...a,s]:a,[])?.map(a=>{let s={name:a.chain,accounts:[]};return e.has(a.address)||e.add(a.address),e.forEach(l=>{a.address===l&&s.accounts.push(a)}),s}),r=N(n?.flatMap(a=>a.accounts)?.flatMap(a=>a?.balances)?.map(a=>new Wi(a?.amount||Be).multipliedBy(a?.usdPrice||0))?.reduce((a,s)=>a.plus(s),Be)||Be).toString();return pg(r)},"calculateWalletUsdValue");function pg(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(pg,"numberWithThousandSeparator");var Bn=i((t,e)=>{let o=ag(Object.entries(t).map(([,n])=>n).filter(lg));return o&&o[e]?.experimental},"isExperimentalChain");function Pn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Pn,"formatBalance");function Al(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(Al,"compareTokenBalance");function eo(t,e){return t?.blockchain===e?.blockchain&&t?.symbol.toLowerCase()===e?.symbol.toLowerCase()&&t?.address?.toLowerCase()===e?.address?.toLowerCase()}i(eo,"areTokensEqual");function Nl(t){return t.sort((e,o)=>+(o.state===ht.CONNECTED)-+(e.state===ht.CONNECTED)||+(o.state===ht.DISCONNECTED||o.state===ht.CONNECTING)-+(e.state===ht.DISCONNECTED||e.state===ht.CONNECTING))}i(Nl,"sortWalletsBasedOnConnectionState");function _n(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(_n,"getConciseAddress");function Wl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Wl,"getAddress");function $n(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Wi(o?.usdPrice??Be).multipliedBy(o?.amount).toString():""},r=o?Dt({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,a=r?e[r]:null;return r&&(!a||a&&a.amount<n.amount)&&(e[r]=n),e},{})}i($n,"makeTokensBalance");var Ml=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ll(t){return t.map(e=>e.state).join("-")}i(Ll,"hashWalletsState");function Bl(t,e){let o=new Set;return t.forEach(r=>{r.blockchainTypes.forEach(a=>{o.add(a)})}),e.filter(r=>o.has(r.type))}i(Bl,"filterBlockchainsByWalletTypes");function Pl(t,e){return e===ng.ALL?t:t.filter(o=>{for(let n of o.blockchainTypes)if(In(n,e))return!0;return!1})}i(Pl,"filterWalletsByCategory");var Li={API_KEY:xn};function bt(t){return Li[t]||""}i(bt,"getConfig");function _l(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Li=e,Li}i(_l,"initConfig");var $l=20,Dl=25,Bi="theme-widget",qo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>eo(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>eo(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Pi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Fl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Dn,Ft=i(()=>Dn||(Dn=new cg(bt("API_KEY"),bt("BASE_URL")),Dn),"httpService");var ug=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"),Ot=ug;var te=Ot(mg()(dg((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let l=!a.connectedWallets.some(p=>p.chain===s.chain&&p.selected&&p.walletType!==s.walletType);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.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),a=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:$n(a),connectedWallets:a}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let a=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),s=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return a?{...r,selected:!1}:s?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let a=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.map(l=>o.find(p=>Ln(p,l))?{...l,loading:!0}:l)}));try{let s=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Ft().getWalletsDetails(s)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(d=>{let f=o.find(S=>Ln(S,d)),g=p.find(S=>S.address===d.address&&S.blockChain===d.chain);return g?.failed&&f&&r&&a([f],n,!1),f&&g?{...d,explorerUrl:g.explorerUrl,balances:bl(g,n),loading:!1}:d});return{loading:!1,balances:$n(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>Ln(m,c))?Il(c):c);return{loading:!1,balances:$n(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Dt(o);return n[r]??null}}))));import{allProviders as fg}from"@rango-dev/provider-all";function Fn(t,e){let o=fg({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||"",DISABLE_MODAL_AND_OPEN_LINK:e?.walletConnectListedDesktopWalletLink},selectedProviders:t});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let a=o.find(s=>s.config.type===r);a?n.push(a):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Fn,"matchAndGenerateProviders");function Ol(t,e){return Fn(t,e).map(r=>r.config.type)}i(Ol,"configWalletsToWalletName");function Ul(t,e){let o=te.use.clearConnectedWallet(),n=Fn(t,e);return gg(()=>{o(),n=Fn(t,e)},[t?.length]),{providers:n}}i(Ul,"useWalletProviders");import _g,{createContext as $g,useContext as Dg,useEffect as Fg,useRef as Og}from"react";import{create as Bg}from"zustand";import{persist as Pg}from"zustand/middleware";var _i={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},hg={clientUrl:void 0},yg={liquiditySources:void 0},zl=i((t,e,o)=>({config:{..._i,...t},iframe:hg,campaignMode:yg,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 a=o().campaignMode;e({campaignMode:{...a,[n]:r}})},updateIframe:(n,r)=>{let a=o().iframe;e({iframe:{...a,[n]:r}})}}),"createConfigSlice");function On(t,e){let o=t.map(a=>a.swapperGroup),n=[];return yo(t.map(a=>a.swapperGroup)).map(a=>{let s=t.find(l=>l.swapperGroup===a);if(s){let l=!0;o&&(l=o.some(p=>p===s.swapperGroup)),l&&s.types.map(p=>{n.push({id:s.swapperGroup,groupTitle:s.swapperGroup,logo:s.logo,type:p,selected:!e.includes(s.swapperGroup)})})}}),n}i(On,"getUniqueSwappersGroups");function ql(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ql,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Ql(t,e){return e?.[t]==="enabled"}i(Ql,"isFeatureEnabled");var Hl=i((t,e)=>({_blockchainsMapByName:new Map,_tokensMapByTokenHash:new Map,_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let a=e().config,s=(o.type==="source"?a.from?.blockchains:a.to?.blockchains)??[];return r.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokensMapByTokenHash,r=Array.from(n?.values()||[]),a=e()._blockchainsMapByName;if(!o||!o?.type)return r;let s=e().config,l=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},p=e().blockchains({type:o.type});return r.filter(c=>l&&qo(c,l)||o.blockchain&&c.blockchain!==o.blockchain||!p.some(m=>m.name===c.blockchain)?!1:o.searchFor?!!(xt(c.symbol,o.searchFor)||xt(c.address||"",o.searchFor)||xt(c.name||"",o.searchFor)):!0).sort((c,m)=>{let d=e().isTokenPinned(c,o.type),f=e().isTokenPinned(m,o.type);if(d!==f)return d?-1:1;if(o.getBalanceFor){let T=o.getBalanceFor(c),k=o.getBalanceFor(m),v=Al(T,k);if(v!==0)return v}let g=a.get(c.blockchain),S=a.get(m.blockchain),C=Ni(c,g),y=Ni(m,S);if(C!==y)return C?-1:1;if(c.isPopular!==m.isPopular)return c.isPopular?-1:1;if(o.searchFor){let T=Sl(c,m,o.searchFor);if(T)return T}return c.isSecondaryCoin!==m.isSecondaryCoin?c.isSecondaryCoin?1:-1:g&&S?g.sort-S.sort:0})},findToken:o=>{let n=e()._tokensMapByTokenHash,r=Dt(o);return n.get(r)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(s=>eo(s,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,a=r??o.liquiditySources,s=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(u=>{let c=a?.includes(u.swapperGroup);return s||!a||a.length===0?!c:c}).sort(ql)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Ft().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,a=new Map,s=[],l=n.popularTokens,p=n.swappers,u=new Set;n.tokens.forEach(m=>{u.add(m.blockchain),s.push(m)}),n.blockchains.sort((m,d)=>m.sort-d.sort).forEach(m=>{m.enabled&&u.has(m.name)&&r.set(m.name,m)}),s.forEach(m=>{let d=Dt(m);a.set(d,m)}),t({_blockchainsMapByName:r,_tokensMapByTokenHash:a,_popularTokens:l,_swappers:p})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Sg,English as Cg,Finland as Tg,French as kg,German as wg,Greece as vg,Italian as xg,Japanese as bg,Netherlands as Ig,Poland as Eg,Portuguese as Ag,Russian as Ng,Spanish as Wg,Swedish as Mg,Ukrainian as Lg}from"@rango-dev/ui";var Gl=[{title:"English",label:"English",local:"en",SVGFlag:Cg},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Wg},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:kg},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:bg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Ag},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Sg},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:Ng},{title:"German",label:"Deutsch",local:"de",SVGFlag:wg},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Lg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Mg},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Tg},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Ig},{title:"Greek",label:"Grieks",local:"el",SVGFlag:vg},{title:"Italian",label:"Italiana",local:"it",SVGFlag:xg},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Eg}],Qo="en";var Vl=[.5,1,3],Xl=1,jl=5,Kl=100,Yl=0;var Zl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Xl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((s,l)=>{let p=s===o,u=l<=9;return p&&u}))return;let a=n.filter(s=>!(s===o));t(()=>({preferredBlockchains:[o,...a]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let a=yo(o.map(s=>s.swapperGroup));return a.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:a}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,a=je("theme",n),s=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...a&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...s&&{language:o.language||Qo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Jl(t){return Bg()(Pg((...e)=>({...Hl(...e),...Zl(...e),...zl(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(Jl,"createAppStore");var Rl=$g(null);function h(){let t=Dg(Rl);if(Fg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function ep(t){let e=Og();return e.current||(e.current=Jl(t.config)),_g.createElement(Rl.Provider,{value:e.current},t.children)}i(ep,"AppStoreProvider");import{create as zg}from"zustand";var tp="rango-widget";var Ho=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(tp),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 ie=Ot(zg()((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})}}))),to=new Ho({onInit:()=>ie.setState({tabManagerInitiated:!0}),onClaim:()=>ie.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ie.setState({isActiveTab:!1})});var zn=Hg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function Vg(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),{findToken:a}=h(),s=h().config,l={walletConnectProjectId:t.config?.walletConnectProjectId,walletConnectListedDesktopWalletLink:t.config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink},{providers:p}=Ul(s.wallets,l),{connectWallet:u,disconnectWallet:c}=te(),m=rp(),d=rp();np(()=>{n().catch(console.log)},[]),np(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:s,dappConfig:t.config})},[t.config]);let f=r.filter(Qg).map(y=>y.name),g=i((y,T,k,v,E)=>{if(T===Di.ACCOUNTS)if(k){let x=Mn(E.supportedBlockchains),L=xl(y,k,f,x,E.isContractWallet);L.length&&u(L,a)}else c(y),d.current?d.current(y):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(T===Di.ACCOUNTS&&v.connected){let x=`${y}-${v.network}-${k}`;v.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(T===Di.NETWORK&&v.network){let x=`${y}-${v.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,T,k,v,E)},"onUpdateState"),S=ie.use.isActiveTab(),C=Gg(()=>({onConnectWallet:y=>{m.current=y},onDisconnectWallet:y=>{d.current=y}}),[]);return Un.createElement(zn.Provider,{value:C},Un.createElement(qg,{allBlockChains:r,providers:p,onUpdateState:g,autoConnect:!!S},t.children))}i(Vg,"Main");function qn(t){let{config:e,...o}=t;return Un.createElement(ep,{config:e},Un.createElement(Vg,{...o,config:e}))}i(qn,"WidgetWallets");import wi from"react";import Xg,{Fragment as jg}from"react";import{MemoryRouter as Kg,useInRouterContext as Yg}from"react-router";function ip({children:t}){let o=Yg()?jg:Kg;return Xg.createElement(o,null,t)}i(ip,"AppRouter");import{I18nManager as uv}from"@rango-dev/ui";import il from"react";import ze from"react";import{useRoutes as Kw}from"react-router-dom";var z={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 To,useRef as Rn}from"react";import Et from"bignumber.js";import{create as Rg}from"zustand";import{subscribeWithSelector as eh}from"zustand/middleware";import{getLastSuccessfulStep as Jg}from"@rango-dev/queue-manager-rango-preset";import WI from"bignumber.js";import{i18n as Go}from"@lingui/core";var Fi={"Network Fee":Go.t("Network Fee"),"Swapper Fee":Go.t("Protocol Fee"),"Affiliate Fee":Go.t("Affiliate Fee"),"Outbound network fee":Go.t("Outbound Fee"),"Rango Fee":Go.t("Rango Fee")},Oi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],ap=30;import{i18n as it}from"@lingui/core";import{RouteEventType as fI}from"@rango-dev/queue-manager-rango-preset";import Pe from"bignumber.js";import{PendingSwapNetworkStatus as Gn}from"rango-types";function Qn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Qn,"isValidAddress");import{i18n as Me}from"@lingui/core";var oe=i(()=>({genericServerError:Me.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Me.t("Please reset your liquidity sources."),description:Me.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Me.t("No Routes Found."),description:Me.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:Me.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Me.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Me.t("High Price Impact"),title:Me.t("Price impact is too high!"),description:Me.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Me.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Me.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Me.t("USD Price Unknown"),title:Me.t("USD Price Unknown, Cannot calculate Price Impact."),description:Me.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Me.t("Confirm USD Price Unknown")}}),"errorMessages");function sp(t){switch(t.type){case 0:return t.diagnosisMessage??oe().noResultError.title;case 1:return oe().genericServerError;default:return""}}i(sp,"getQuoteErrorMessage");import{i18n as Hn}from"@lingui/core";var oo=i(()=>({connectWallet:Hn.t("Connect Wallet"),swap:Hn.t("Swap"),swapAnyway:Hn.t("Swap anyway"),ethWarning:Hn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function lp(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Pe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Pe(1e3)))??!1}i(lp,"hasHighValueLoss");function pp(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Pe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Pe(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(pp,"hasLimitError");function cp(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Pe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Pe(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 Pe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Pe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",a="",s="";return!r&&o&&o.gt(e.fromAmount)?(a=it.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(a=it.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(a=it.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(a=it.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),s=oe().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:a,recommendation:s}}i(cp,"getLimitErrorMessage");function up(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:a,warning:s,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:oo().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!a||l||!r||r==="0"?{title:oo().swap,action:"confirm-swap",disabled:!0}:s?{title:oo().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:oo().ethWarning,action:"confirm-warning",disabled:!1}:{title:oo().swap,action:"confirm-swap",disabled:!1}:{title:oo().connectWallet,action:"connect-wallet",disabled:!1}}i(up,"getSwapButtonState");function Ui(t,e,o){return!((!o||o.lte(Be))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ui,"canComputePriceImpact");function zi(t,e){let o=Be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let a=e(r.asset)?.usdPrice||null;o=o.plus(new Pe(r.amount).multipliedBy(a||0))}return o}i(zi,"getUsdFeeOfStep");function Vn(t,e){return t.reduce((o,n)=>o.plus(zi(n,e)),Be)}i(Vn,"getTotalFeeInUsd");function qi(t){let e=Be;return e=e.plus(new Pe(t.amount).multipliedBy(t.price||0)),e}i(qi,"getUsdFee");function mp(t){return t.reduce((e,o)=>e.plus(qi(o)),Be)}i(mp,"getTotalFeesInUsd");function dp(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,a=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;a[r]=[...a[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(dp,"getFeesGroup");function fp(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(fp,"checkSlippageErrors");function gp(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(gp,"checkSlippageWarnings");function Xn(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(Xn,"getMinRequiredSlippage");function hp(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(hp,"hasProperSlippage");function yp(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:a,disabledLiquiditySources:s,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:d,destination:f,enableCentralizedSwappers:g}=t,S=a?.reduce((T,k)=>(T[k.chain]=k.address,T),{}),C=[];return r?.forEach(T=>{C.push({blockchain:T.chain,addresses:[T.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:d??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:u.toString(),...f&&{destination:f},...p&&{swapperGroups:s.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!s.includes(T)),swappersGroupsExclude:!1},enableCentralizedSwappers:g}}i(yp,"createQuoteRequestBody");function Sp(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Sp,"getWalletsForNewSwap");function So(t){return t?.outputAmount||null}i(So,"getQuoteOutputAmount");function Cp(t,e){return new Pe(e).div(new Pe(t)).minus(1).multipliedBy(100).toNumber()}i(Cp,"getPercentageChange");function Tp(t,e){let o=So(t),n=So(e);if(!o||!n)return!1;let r=Ke(o,n);return r?r<=-1:!0}i(Tp,"isOutputAmountChangedALot");function kp(t,e,o){let n=t.validationStatus,r=Rt({filter:"required",quote:t});return e.sort((s,l)=>r.indexOf(s.chain)-r.indexOf(l.chain)).flatMap(s=>Ep(s,n)||[]).filter(s=>!s.ok).map(s=>{let l=s.asset.symbol,p=N(new Pe(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),u=N(new Pe(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),c="";return s.reason==="FEE"&&(c=it.t(" for network fee")),s.reason==="INPUT_ASSET"&&(c=it.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(c=it.t(" for input and network fee")),it.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:Xe(s.asset.blockchain,o)}})})}i(kp,"generateBalanceWarnings");function jn(t,e){return(t?new Pe(t):Be).multipliedBy(e||0)}i(jn,"calcOutputUsdValue");function Vo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Gn.NetworkChanged}i(Vo,"isNetworkStatusInWarningState");function wp(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Vo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Gn.WaitingForConnectingWallet:n=n||it.t("Waiting for connecting wallet");break;case Gn.WaitingForQueue:n=n||it.t("Waiting for other running tasks to be finished");break;case Gn.WaitingForNetworkChange:n=n||it.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let s=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:s}}}i(wp,"getSwapMessages");function vp(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(vp,"getLastConvertedTokenInFailedSwap");function xp(t){return t.status==="failed"}i(xp,"shouldRetrySwap");function bp(t,e,o,n,r,a){if(!n||t)return!0;let s=Rt({filter:"all",quote:n}),l=Rt({filter:"required",quote:n}),p=s.every(m=>r.some(d=>d.chain===m)),u=l.every(m=>r.some(d=>d.chain===m)),c=o&&a?Qn(a,o):!1;return!e&&!p||e&&!o||e&&!!o&&(!c||!u)}i(bp,"isConfirmSwapDisabled");function Ip(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Ip,"isTokensIdentical");function Yn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Yn,"getQuoteToTokenUsdPrice");function Qi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Qi,"isNumberOfSwapsChanged");function Hi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Ei(o,n)}i(Hi,"isQuoteSwappersUpdated");function Gi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Ei(o,n)}i(Gi,"isQuoteInternalCoinsUpdated");function Np(t,e){return Qi(t,e)||Hi(t,e)||Gi(t,e)}i(Np,"isQuoteChanged");function Ep(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(Ep,"getRequiredBalanceOfWallet");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");function Zn(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],a=Jg(t.steps),s={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ai(a?a.toBlockchain:n.fromBlockchain,e),p=Ai(r.toBlockchain,e),u=o(a?{blockchain:l?.name??"",symbol:a.toSymbol,address:a.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress}),c=o(s),m=a?a.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(Zn,"createRetryQuote");function Co(t,e){let{fromToken:o,toToken:n,findToken:r,userSlippage:a}=e,s=no(o,t.requestAmount),l=no(n,t?.outputAmount??"");if(t&&s&&l){let c=Ke(s.toString(),l.toString());if(!!c&&lp(s,c)){let d=Vn(t?.swaps,r),f=It(c);return{type:0,inputUsdValue:s,outputUsdValue:l,priceImpact:c,totalFee:d,warningLevel:f}}}else if(t&&(!s||!l))return{type:1};let p=Xn(t.swaps),u=a>jl;if(hp(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<a)return{type:3,slippage:a.toString()}}else return{type:2,recommendedSlippages:gp(t,a),minRequiredSlippage:p};return null}i(Co,"generateQuoteWarnings");function Ke(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Cp(t.toString(),e.toString());return n&&n<0?n:null}i(Ke,"getPriceImpact");var Wp=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"),Jn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),a=r(o),s=r(n);if(a!==s)return s-a;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Mp=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(a=>a.swapperId)),r=e.find(a=>{let s=new Set(a.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>s.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Lp=i(t=>{let e=i((o,n)=>{let r=Oi.indexOf(o.value),a=Oi.indexOf(n.value);return r!==-1&&a!==-1?r-a:r!==-1?-1:a!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var no=i((t,e)=>t?.usdPrice?new Et(e||Be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Ot(Rg()(eh(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Et(0),outputUsdValue:new Et(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Be;return zo(o.inputAmount)?(e&&(n=e?.outputAmount?new Et(e?.outputAmount):null,r=jn(e?.outputAmount,Yn(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 Et(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:no(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 Et(0),outputUsdValue:new Et(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:no(o.fromToken,e)}}))},retry:e=>{let{fromBlockchain:o,fromToken:n,toBlockchain:r,toToken:a,inputAmount:s}=e;t({fromBlockchain:o,fromToken:n,inputAmount:s,outputAmount:null,inputUsdValue:no(n??null,s),outputUsdValue:new Et(0),toBlockchain:r,toToken:a,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:e.toToken?no(e.toToken,e.outputAmount?.toString()||""):new Et(0)})),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 Bp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,resetQuote:r,setFromToken:a,fromToken:s,toToken:l,fromBlockchain:p,toBlockchain:u}=K(),c=h().config,m=h().fetchStatus,d=h().blockchains(),f=h().tokens(),{findToken:g}=h(),{setAffiliateRef:S,setAffiliatePercent:C,setAffiliateWallets:y}=h(),T=c?.from?.tokens,k=c?.from?.blockchains,v=c?.to?.tokens,E=c?.to?.blockchains,x=Rn(void 0),L=Rn(void 0),w=Rn(void 0),b=Rn(void 0);To(()=>{t(c?.amount?.toString()||"")},[c?.amount]),To(()=>{if(m==="success"){r();let A=d.find(I=>I.name===c?.from?.blockchain),P=c?.from?.token,Q=P&&g(P);(A||!A&&w.current)&&n(A??null),Q?a({token:Q,meta:{blockchains:d,tokens:f}}):!Q&&x.current&&a({token:null}),w.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,m]),To(()=>{qo(s,T)&&a({token:null}),Pi(p,k)&&n(null)},[T,k]),To(()=>{qo(l,v)&&a({token:null}),Pi(u,E)&&o(null)},[v,E]),To(()=>{if(m==="success"){r();let A=d.find(I=>I.name===c?.to?.blockchain),P=c?.to?.token,Q=P&&g(P);(A||!A&&b.current)&&o(A??null),Q?e({token:Q,meta:{blockchains:d,tokens:f}}):!Q&&L.current&&e({token:null}),b.current=c?.to?.blockchain,L.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,m]),To(()=>{S(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Bp,"useSyncStoresWithConfig");import{useEffect as ji,useRef as th}from"react";import{useInRouterContext as oh,useLocation as nh,useSearchParams as rh}from"react-router-dom";function Vi(t,e){let o=t.split("--");return{blockchain:e.name,address:o?.[1]||null,symbol:o[0]}}i(Vi,"convertTokenSearchParamToAsset");function Xi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Xi,"tokenToSearchParam");function Ki(){let t=nh(),[e,o]=rh(),{fromBlockchain:n,toBlockchain:r,fromToken:a,toToken:s,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:m,setInputAmount:d}=K(),f=h().fetchStatus,g=h().blockchains(),S=h().tokens(),C=oh(),{updateIframe:y,updateCampaignMode:T}=h(),k=h().isInCampaignMode(),v=th(),{findToken:E}=h(),x=i(()=>{let w={};for(let[G,ee]of e.entries())G.startsWith("utm_")&&(w[G]=ee);let b=e.get("fromAmount"),A=e.get("fromBlockchain"),P=e.get("fromToken"),Q=e.get("toBlockchain"),I=e.get("toToken"),H=e.get("autoConnect"),Y=e.get("clientUrl"),pe=e.get("liquiditySources");return{fromAmount:b,fromBlockchain:A,fromToken:P,toBlockchain:Q,toToken:I,autoConnect:H,clientUrl:Y,liquiditySources:pe,utmQueryParams:w}},"getUrlSearchParams"),L=i(w=>{for(let b in w)w[b]||delete w[b];o(w,{replace:!0})},"updateUrlSearchParams");ji(()=>{let{autoConnect:w,clientUrl:b,utmQueryParams:A}=x();C&&f==="success"&&L({fromBlockchain:n?.name,fromToken:Xi(a),toBlockchain:r?.name,toToken:Xi(s),fromAmount:l,autoConnect:w??void 0,clientUrl:b??void 0,liquiditySources:k?v.current:void 0,...A})},[t.pathname,l,n,a,r,s,k]),ji(()=>{if(!C)return;let w=x();if(!v.current&&w.liquiditySources&&(v.current=w.liquiditySources),w.fromAmount&&d(w.fromAmount),f==="success"){let b=g.find(I=>I.name===w.fromBlockchain),A=w.fromToken&&b?E(Vi(w.fromToken,b)):void 0,P=g.find(I=>I.name===w.toBlockchain),Q=w.toToken&&P?E(Vi(w.toToken,P)):void 0;b&&(p(b),A&&c({token:A,meta:{blockchains:g,tokens:S}})),P&&(u(P),Q&&m({token:Q,meta:{blockchains:g,tokens:S}}))}},[f]),ji(()=>{let{clientUrl:w,liquiditySources:b}=x();y("clientUrl",w||void 0),T("liquiditySources",b?.split(",")??void 0)},[])}i(Ki,"useSyncUrlAndStore");import{i18n as Ya}from"@lingui/core";import{useManager as AC}from"@rango-dev/queue-manager-react";import{Alert as Sm,Button as NC,css as Ja,Divider as Za,IconButton as Cm,styled as WC,Typography as MC,WalletIcon as LC}from"@rango-dev/ui";import xe,{useEffect as Gr,useLayoutEffect as BC,useRef as PC,useState as ln}from"react";import{useNavigate as _C}from"react-router-dom";import{i18n as St}from"@lingui/core";import{Alert as Na,BalanceErrors as dS,Button as Yc,ChevronDownIcon as fS,ChevronLeftIcon as gS,CloseIcon as hS,Divider as Yo,IconButton as Zc,MessageBox as yS,PasteIcon as SS,Typography as xr,WalletIcon as CS}from"@rango-dev/ui";import $,{useCallback as TS,useEffect as Jc,useRef as kS,useState as po}from"react";import{useNavigate as wS}from"react-router-dom";import{i18n as er}from"@lingui/core";function tr(t){switch(t.type){case 0:return er.t("Route has been updated.");case 3:return er.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return er.t("Route swappers has been updated.");case 2:return er.t("Route internal coins has been updated.");default:return""}}i(tr,"getQuoteUpdateWarningMessage");import{Modal as ah}from"@rango-dev/ui";import sh from"react";function ne(t){let{watermark:e}=ie();return sh.createElement(ah,{hasWatermark:e==="FULL",...t},t.children)}i(ne,"WatermarkedModal");import ir,{useRef as ch}from"react";import*as ko from"@radix-ui/react-collapsible";import{keyframes as _p,styled as or}from"@rango-dev/ui";var Yi=300,lh=_p({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ph=_p({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),$p=or(ko.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Zi=or(ko.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),nr=or(ko.Content,{overflow:"hidden",variants:{open:{true:{animation:`${lh} ${Yi}ms ease-out`},false:{animation:`${ph} ${Yi}ms ease-out`}}}}),rr=or("div",{transition:`all ${Yi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function ar(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:a,trigger:s,triggerAnchor:l}=t,p=ch(null);return ir.createElement($p,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&ir.createElement(Zi,{className:"collapsible_trigger",onClick:a},s),ir.createElement(nr,{className:"collapsible_content",open:e},r),l==="bottom"&&ir.createElement(Zi,{className:"collapsible_trigger",onClick:a},s))}i(ar,"CustomCollapsible");import{css as Dp,darkTheme as Xo,IconButton as uh,styled as Ye,TextField as mh}from"@rango-dev/ui";var Fp=Ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Op=Ye("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),dh=Ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Xo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$secondary100",[`.${Xo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$secondary100",[`.${Xo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Up=Ye(dh,{alignSelf:"stretch",minHeight:"93px"}),zp=Ye("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),qp=Ye(uh,{position:"absolute",left:"$20"}),Qp=Ye("div",{paddingTop:"$20"}),Hp=Dp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Gp=Ye("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Vp=Dp({paddingTop:"$5"}),Xp=Ye("div",{display:"flex"}),jp=Ye(mh,{backgroundColor:"$neutral100",padding:"$15"}),Kp=Ye("div",{overflow:"visible",width:"100%"}),Yp=Ye("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Xo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:focus-visible":{$$background:"$colors$secondary100",[`.${Xo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as st}from"@lingui/core";import{Button as pS,Divider as Ea,Image as cS,MessageBox as wr,SelectableWallet as uS,Typography as Xc,WalletState as jc}from"@rango-dev/ui";import ue,{useEffect as Kc,useState as Ao}from"react";import{WalletState as sr}from"@rango-dev/ui";import{useWallets as fh}from"@rango-dev/wallets-react";import{detectMobileScreens as gh,KEPLR_COMPATIBLE_WALLETS as hh,WalletTypes as wo}from"@rango-dev/wallets-shared";import{useCallback as yh,useEffect as Sh,useState as Ch}from"react";var Th=Object.values(wo);function vo(t){let{chain:e,onBeforeConnect:o,onConnect:n}=t,{config:r}=h(),{state:a,disconnect:s,getWalletInfo:l,connect:p}=fh(),{connectedWallets:u}=te(),c=h().blockchains(),m=Ol(r?.wallets,{walletConnectProjectId:r?.walletConnectProjectId,walletConnectListedDesktopWalletLink:r.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink})||Th,d=vl(a,l,m,e);d=gh()?d.filter(x=>x.showOnMobile!==!1&&a(x.type).installed):d;let f=Nl(d),[g,S]=Ch(""),C=i(x=>!u.find(L=>L.walletType===x&&L.chain===e),"isExperimentalChainNotAdded"),y=i(async(x,L)=>{let w=a(x);try{if(g&&S(""),w.connected)await s(x);else{let b=!!d.find(A=>A.state===sr.CONNECTED);if(r?.multiWallets===!1&&b)return;o?.(x),await p(x,void 0,L),n?.(x)}}catch(b){S("Error: "+b?.message)}},"handleClick"),T=yh(()=>{let x=d?.filter(L=>L.state===sr.CONNECTING)||[];for(let L of x)s(L.type)},[Ll(d)]),k=i(async x=>{a(x).connected&&await s(x)},"disconnectWallet");Sh(()=>()=>{T()},[]);let v=i(x=>{let L=x.find(b=>b.type===wo.DEFAULT);return!L||L.state===sr.NOT_INSTALLED?!1:x.filter(b=>b.state!=sr.NOT_INSTALLED&&![wo.DEFAULT,wo.WALLET_CONNECT_2,wo.LEDGER].includes(b.type)&&l(b.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),E=i((x,L,w)=>Bn(w,L)&&C(x)&&!hh.includes(x)||x==wo.DEFAULT&&!v(d),"shouldExcludeWallet");return{list:f.filter(x=>!E(x.type,e??"",c)),error:g,handleClick:y,disconnectConnectingWallets:T,disconnectWallet:k}}i(vo,"useWalletList");import{i18n as Uc}from"@lingui/core";import{Divider as eS,getCategoriesCount as tS,SelectableCategoryList as oS,styled as qc,Typography as nS,Wallet as rS,WalletState as zc}from"@rango-dev/ui";import at,{useState as Tr}from"react";import{useManager as Ly}from"@rango-dev/queue-manager-react";import{BottomLogo as By,Divider as Bc,Header as Py}from"@rango-dev/ui";import Ce,{useEffect as ka,useRef as Pc,useState as _y}from"react";import{useRef as kh}from"react";function lr(){return window.self!==window.top}i(lr,"isAppLoadedIntoIframe");function Ji(){let t=kh(null),{iframe:e}=h(),o=lr()&&e.clientUrl,n=i(s=>{o&&window.top?.postMessage(s,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(s=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(s)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ji,"useIframe");import{useNavigate as wh}from"react-router-dom";function Ze(){let t=wh();return()=>t(-1)}i(Ze,"useNavigateBack");import{createTheme as ia,darkTheme as $h,lightTheme as Dh}from"@rango-dev/ui";import{useEffect as Fh,useState as Oh}from"react";import{theme as Ph,darkColors as _h}from"@rango-dev/ui";import na from"react";function vh(t){return t.startsWith("#")&&(t=t.slice(1)),t.length===3?`#${t.split("").reduce(function(n,r){return n+r+r},"")}`:`#${t}`}i(vh,"expandShortHexColor");function xh(t){return/[0-9]+$/.test(t)}i(xh,"isOverridingColor");function bh(t,e){return t.padStart(e,"0")}i(bh,"pad");function Ri(t){let e=Math.min(Math.max(Math.round(t),0),255);return bh(e.toString(16),2)}i(Ri,"intToHex");function Ih(t){return`#${Ri(t.red)}${Ri(t.green)}${Ri(t.blue)}`}i(Ih,"rgbToHex");function Eh(t){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return{red:e,green:o,blue:n}}i(Eh,"hexToRGB");function Ah(t,e){let o=1-.11*e;return{red:t.red*o,green:t.green*o,blue:t.blue*o}}i(Ah,"generateShade");function Nh(t,e){let o=.11*e;return{red:t.red+(255-t.red)*o,green:t.green+(255-t.green)*o,blue:t.blue+(255-t.blue)*o}}i(Nh,"generateTint");function Wh(t){return Zp(t,Ah)}i(Wh,"calculateShades");function Mh(t){return Zp(t,Nh)}i(Mh,"calculateTints");function Zp(t,e){let o=Eh(t),n=[];for(let r=1;r<9;r++)n.push(Ih(e(o,r)));return n}i(Zp,"calculateColors");function ea(t,e,o){let a=Mh(t).reverse().concat(t),s=Wh(t),l=a.concat(s),p={},u=l.length;for(let c=0;c<u;c++){let m=100+(o?u-1-c:c)*50;p[`${e}${m}`]=l[c]}return p}i(ea,"createTintsAndShades");function ta(t,e,o){let n={...t};for(let r in e){let a=e[r],s=r==="neutral"&&!!o?.reverseNeutralRange;if(!["background","foreground"].includes(r)&&!xh(r)){let p=vh(a);Object.assign(n,ea(p,r,s))}}return{...n,...e}}i(ta,"expandToGenerateThemeColors");var Jp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Lh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Jp(o%52)+e;return Jp(o%52)+e},"toAlphabeticName"),Bh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),oa=i(t=>Lh(Bh(5381,JSON.stringify(t))>>>0),"toHash");function ra(t){let e=Ph.colors,o={...e,..._h},n,r;if(t?.light){let s={colors:ta(e,t.light)};n={id:`${Bi}-light-${oa(s)}`,tokens:s}}if(t?.dark){let s={colors:ta(o,t.dark,{reverseNeutralRange:!0})};r={id:`${Bi}-dark-${oa(s)}`,tokens:s}}return{light:n,dark:r}}i(ra,"customizedThemeTokens");function Rp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>na.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:a,key:s}=n;if(o.push(na.cloneElement(a,{key:s})),r<t.length-1){let l=`divider-${r}`;o.push(na.cloneElement(e,{key:l}))}}),o}i(Rp,"joinList");function pr(t){let{colors:e,fontFamily:o=cl,borderRadius:n=$l,secondaryBorderRadius:r=Dl}=t,[a,s]=Oh("light"),{theme:l}=h(),{dark:p,light:u}=ra(e),c=ia({shadows:t.shadows||{},radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),m=[c.className,Dh.className],d=[c.className,$h.className];if(u){let g=ia(u.id,u.tokens);m.push(g.className)}if(p){let g=ia(p.id,p.tokens);d.push(g.className)}return Fh(()=>{let g=i(S=>{S.matches?s("dark"):s("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&s("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),{activeTheme:i(()=>{let g=m.join(" "),S=d.join(" ");return l==="auto"?a==="dark"?S:g:l==="dark"?S:g},"getActiveTheme")}}i(pr,"useTheme");var Je=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 ec}from"@lingui/core";import{Alert as Uh,Button as zh}from"@rango-dev/ui";import tc from"react";function aa(t){return tc.createElement(Uh,{action:tc.createElement(zh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ec.t("Activate this tab")),type:"warning",variant:"alarm",title:ec.t("Another tab is open and handles transactions.")})}i(aa,"ActivateTabAlert");import{i18n as sa}from"@lingui/core";import{Button as qh,Divider as Qh,MessageBox as Hh}from"@rango-dev/ui";import cr from"react";function la(t){let{open:e,onClose:o,onConfirm:n}=t;return cr.createElement(ne,{open:e,dismissible:!0,onClose:o,container:B()},cr.createElement(Hh,{title:sa.t("Activate current tab"),type:"warning",description:sa.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.")},cr.createElement(Qh,{size:20}),cr.createElement(qh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},sa.t("Confirm"))))}i(la,"ActivateTabModal");import{ChevronLeftIcon as Xh}from"@rango-dev/ui";import lc from"react";import{css as Gh,darkTheme as oc,IconButton as Vh,styled as ro}from"@rango-dev/ui";var yt=ro(Vh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$secondary100",[`.${oc} &`]:{backgroundColor:"$neutral"}}}),nc=ro("div",{position:"absolute",background:"$secondary500",[`.${oc} &`]:{$$color:"$colors$secondary250"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xo=ro("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),rc=ro("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"}}}}),ic=ro("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),ac=ro("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),sc=Gh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),ur=ro("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function pa(t){return lc.createElement(yt,{variant:"ghost",size:"small",onClick:t.onClick},lc.createElement(Xh,{color:"black",size:16}))}i(pa,"BackButton");import{i18n as jh}from"@lingui/core";import{Button as Kh,Typography as Yh}from"@rango-dev/ui";import ca from"react";function ua(t){return ca.createElement(xo,null,ca.createElement(Kh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ca.createElement(Yh,{variant:"label",size:"medium",color:"error500"},jh.t("Cancel"))))}i(ua,"CancelButton");import{i18n as Zh}from"@lingui/core";import{Image as Jh,Tooltip as Rh,WalletIcon as ey}from"@rango-dev/ui";import io from"react";function ma(t){let{list:e}=vo({}),o=e.filter(r=>r.state==="connected"),n=o.length?io.createElement("div",{className:sc()},o.map(r=>io.createElement(ur,{key:r.title},io.createElement(Jh,{src:r.image,size:14})))):Zh.t("Connect Wallet");return io.createElement(Rh,{container:t.container,side:"bottom",content:n},io.createElement(yt,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&io.createElement(nc,null),io.createElement(ey,{size:18,color:"black"})))}i(ma,"WalletButton");import{i18n as fr}from"@lingui/core";import{NotificationsIcon as vy,Popover as xy,SettingsIcon as by,Tooltip as gr,TransactionIcon as Iy}from"@rango-dev/ui";import Ae from"react";import{i18n as da}from"@lingui/core";import{EventSeverity as Sc}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Cc,ChevronRightIcon as uy,Divider as Tc,Typography as fa}from"@rango-dev/ui";import de from"react";import{useNavigate as my}from"react-router-dom";import{create as ty}from"zustand";import{persist as oy,subscribeWithSelector as ny}from"zustand/middleware";var Ee=Ot(ty()(oy(ny((t,e)=>({isSynced:!1,notifications:[],setNotification:(o,n)=>{let r=n.steps[0],a=n.steps[n.steps.length-1],s={event:o,creationTime:Date.now(),requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:a.toBlockchain,address:a.toSymbolAddress,symbol:a.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,s]}))},removeNotification:o=>{t(n=>({notifications:n.notifications.filter(r=>r.requestId!==o)}))},getNotifications:()=>{let{isSynced:o,notifications:n}=e();return o?n:[]},syncNotifications:o=>{let{isSynced:n,notifications:r}=e();if(!n){let a=[];r.forEach(s=>{o.some(p=>p.swap.requestId===s.requestId)&&a.push(s)}),t({isSynced:!0,notifications:a})}},clearNotifications:()=>t({notifications:[]})})),{name:"notification",skipHydration:!0,partialize:({isSynced:t,...e})=>e,version:1,migrate:(t,e)=>{if(e===0){let o=t.notifications;t.notifications=o.filter(n=>!n.read).map(({read:n,...r})=>r)}return t}})));import{Button as ry,darkTheme as iy,ListItemButton as ay,styled as zt}from"@rango-dev/ui";var pc=zt("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),cc=zt("div",{padding:"0 $10",display:"flex",justifyContent:"space-between",alignItems:"center"}),uc=zt(ry,{padding:"$5 !important"}),mc=zt("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),dc=zt(ay,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${iy} &`]:{backgroundColor:"$error600"}}}}}),fc=zt("div",{display:"flex",padding:"0 0 0 $5",alignItems:"center",alignSelf:"stretch"}),gc=zt("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"}),hc=zt("span",{paddingRight:"$8"});import{i18n as sy}from"@lingui/core";import{Divider as ly,NoNotificationIcon as py,Typography as cy}from"@rango-dev/ui";import mr from"react";function yc(){return mr.createElement(gc,null,mr.createElement(py,{color:"secondary",size:26}),mr.createElement(ly,{size:12}),mr.createElement(cy,{variant:"body",size:"medium",color:"neutral700"},sy.t("There are no notifications.")))}i(yc,"NotificationNotFound");var dy=4;function ga(){let t=my(),{getNotifications:e,clearNotifications:o}=Ee(),n=e(),r=h().blockchains(),{findToken:a}=h(),s=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,dy),l=i(p=>{t(`${z.swaps}/${p}`)},"handleOnClick");return de.createElement(pc,null,s.length>0&&de.createElement(de.Fragment,null,de.createElement(cc,null,de.createElement(fa,{variant:"label",size:"medium"},da.t("Notifications")),de.createElement(uc,{variant:"ghost",size:"xsmall",onClick:o},de.createElement(fa,{variant:"body",size:"xsmall"},da.t("Clear all")))),de.createElement(Tc,{direction:"vertical",size:4})),s.length?de.createElement(mc,null,s.map((p,u)=>{let{route:c,requestId:m,event:d}=p,f=a(c.from),g=r.find(y=>y.name===c.from.blockchain),S=a(c.to),C=r.find(y=>y.name===c.to.blockchain);return de.createElement(de.Fragment,{key:m},u>0&&de.createElement(Tc,{size:4}),de.createElement(dc,{onClick:()=>l(m),actionRequired:d.messageSeverity===Sc.WARNING,title:de.createElement(fa,{variant:"body",size:"small",color:d.messageSeverity===Sc.WARNING?"$foreground":"$neutral700"},da.t(d.message)),id:m,start:de.createElement(fc,null,de.createElement("div",{className:"from-chain-token"},de.createElement(Cc,{tokenImage:f?f.image:"",chainImage:g?g.logo:"",size:"small"})),de.createElement("div",{className:"to-chain-token"},de.createElement(Cc,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:de.createElement(hc,null,de.createElement(uy,{size:12,color:"gray"}))}))})):de.createElement(yc,null))}i(ga,"NotificationContent");import{useManager as fy}from"@rango-dev/queue-manager-react";import{InProgressIcon as gy}from"@rango-dev/ui";import kc from"react";var hy=i(()=>{let{manager:t}=fy();return Je(t).map(({swap:o})=>o).find(o=>o.status==="running")?kc.createElement(ac,null,kc.createElement(gy,{color:"info",size:6})):null},"InProgressTransactionBadge"),wc=hy;import{EventSeverity as yy}from"@rango-dev/queue-manager-rango-preset";import{Typography as Sy}from"@rango-dev/ui";import vc from"react";function xc(){let{getNotifications:t}=Ee(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===yy.WARNING);return o?vc.createElement(rc,{isSever:n},vc.createElement(Sy,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(xc,"NotificationsBadge");import{RefreshProgressButton as Cy}from"@rango-dev/ui";import ha,{useEffect as Ty,useState as bc}from"react";var ky=1e3,Ic=60,wy=100;function dr({onClick:t}){let[e,o]=bc(0),[n,r]=bc(!1),a=i(p=>{document.hidden&&p&&s(p)},"handleVisibilityChange");Ty(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Ic&&l()},ky):s(p),document.addEventListener("visibilitychange",()=>a(p)),()=>{document.removeEventListener("visibilitychange",()=>a(p)),p&&clearInterval(p)}},[e,t]);let s=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return ha.createElement(yt,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},ha.createElement(ic,{onTransitionEnd:()=>r(!1),isRefetched:n},ha.createElement(Cy,{size:22,color:t?"black":"gray",progress:e/Ic*wy})))}i(dr,"RefreshButton");function ao(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:a}=t,{config:{features:s}}=h(),l=je("notification",s)||r.includes("notifications");return Ae.createElement(Ae.Fragment,null,!r.includes("refresh")&&Ae.createElement(gr,{container:a||B(),side:"top",content:fr.t("Refresh")},Ae.createElement(dr,{onClick:e})),!l&&Ae.createElement(xy,{align:"end",alignOffset:-88,sideOffset:15,collisionPadding:{right:20,left:20},container:B(),content:Ae.createElement(ga,null)},Ae.createElement("div",null,Ae.createElement(gr,{container:B(),side:"top",content:fr.t("Notifications")},Ae.createElement(yt,{size:"small",variant:"ghost"},Ae.createElement(vy,{size:18,color:"black"}),Ae.createElement(xc,null))))),!r.includes("settings")&&Ae.createElement(gr,{container:B(),side:"top",content:fr.t("Settings")},Ae.createElement(yt,{size:"small",variant:"ghost",onClick:n},Ae.createElement(by,{size:18,color:"black"}))),!r.includes("history")&&Ae.createElement(gr,{container:B(),side:"top",content:fr.t("Transactions History")},Ae.createElement(yt,{size:"small",variant:"ghost",onClick:o},Ae.createElement(Iy,{size:18,color:"black"}),Ae.createElement(wc,null))))}i(ao,"HeaderButtons");import{i18n as ya}from"@lingui/core";import{Divider as Ac,MessageBox as Ny,RefreshIcon as Wy}from"@rango-dev/ui";import bo from"react";import{Button as Ey,styled as Ay}from"@rango-dev/ui";var Ec=Ay(Ey,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function Sa(t){let{open:e,onClose:o}=t;return bo.createElement(ne,{open:e,dismissible:!0,onClose:o,container:B()},bo.createElement(Ny,{title:ya.t("Something went wrong"),type:"error",description:ya.t("Something went wrong. Please refresh the app.")},bo.createElement(Ac,{size:30}),bo.createElement(Ec,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},bo.createElement(Wy,{size:20,color:"primary"}),bo.createElement(Ac,{size:4,direction:"horizontal"}),ya.t("Refresh"))))}i(Sa,"RefreshModal");function Ca(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ca,"onScrollContentAttachStatusToContainer");import{css as My,styled as Ta}from"@rango-dev/ui";var Nc="700px",hr=My({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"$mainContainer"}),Wc=Ta("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Nc},fixed:{height:Nc}}}}),Mc=Ta("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Lc=Ta("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}=Ji(),{children:n,header:r,footer:a,height:s="fixed"}=t,{fetchStatus:l}=h(),[p,u]=_y(!1),c=te.use.connectedWallets(),{config:{features:m,theme:d}}=h(),{watermark:f}=ie(),g=f==="FULL",{activeTheme:S}=pr(d||{}),C=je("connectWalletButton",m),{isActiveTab:y,tabManagerInitiated:T,showActivateTabModal:k,setShowActivateTabModal:v,activateCurrentTab:E}=ie(),x=Ze(),{manager:L}=Ly(),b=Je(L).map(({swap:Y})=>Y).some(Y=>Y.status==="running"),A=i(()=>E(to.forceClaim,b),"onActivateTab"),P=i(()=>{r.onWallet?.()},"onConnectWallet"),Q=typeof r.hasBackButton>"u"||r.hasBackButton,I=Pc(null),H=Pc(null);return ka(()=>(lr()&&H.current&&e(H.current),()=>{o()}),[]),ka(()=>(I.current?.addEventListener("scroll",Ca),()=>{I.current?.removeEventListener("scroll",Ca)}),[]),ka(()=>{u(l==="failed")},[l]),Ce.createElement(Wc,{height:s,id:Se.SWAP_BOX_ID,className:`${S()} ${hr()}`,ref:H},Ce.createElement(Py,{prefix:Ce.createElement(Ce.Fragment,null,Q&&Ce.createElement(pa,{onClick:()=>{x(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!C&&Ce.createElement(ma,{container:B(),onClick:P,isConnected:!!c?.length}),r.onCancel&&Ce.createElement(ua,{onClick:r.onCancel}))}),Ce.createElement(Mc,{ref:I},n),Ce.createElement(la,{open:k,onClose:()=>v(!1),onConfirm:A}),Ce.createElement(Lc,null,Ce.createElement("div",{className:"footer__content"},T&&!y&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(aa,{onActivateTab:A}),Ce.createElement(Bc,{size:10})),a),Ce.createElement(Bc,{size:12}),Ce.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},Ce.createElement(By,null))),Ce.createElement(Sa,{open:p,onClose:()=>u(!1)}))}i(le,"Layout");import{styled as $y}from"@rango-dev/ui";var _c="$20 $20 $10 $20",jo=$y("div",{padding:_c,overflowY:"auto",flexGrow:1});import{styled as Dy}from"@rango-dev/ui";var me=Dy("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 qy}from"@rango-dev/ui";import va from"react";import{i18n as Io}from"@lingui/core";import{Image as Uy,MessageBox as wa,WalletState as zy}from"@rango-dev/ui";import so from"react";import{keyframes as Fy,styled as yr}from"@rango-dev/ui";var pW=yr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Sr=yr("div",{position:"relative"}),Oy=Fy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cr=yr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Oy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),$c=yr("div",{"& img":{borderRadius:"50%"}});function Dc(t){let{state:e,image:o,error:n}=t;return e===zy.CONNECTED?so.createElement(wa,{type:"success",title:Io.t("Wallet Connected"),description:Io.t("Your wallet is connected, you can use it to swap.")}):n?so.createElement(wa,{type:"error",title:Io.t("Failed to Connect"),description:n||Io.t("Your wallet is not connected. Please try again.")}):so.createElement(wa,{type:"loading",title:Io.t("Connecting to your wallet"),description:Io.t("Click connect in your wallet popup."),icon:so.createElement(Sr,null,so.createElement($c,null,so.createElement(Uy,{src:o,size:45})),so.createElement(Cr,null))})}i(Dc,"ModalContent");function Ko(t){let{open:e,onClose:o,...n}=t;return va.createElement(ne,{open:e,onClose:o,container:document.getElementById(Se.SWAP_BOX_ID)||document.body},va.createElement(Dc,{...n}),va.createElement(qy,{direction:"vertical",size:32}))}i(Ko,"WalletModal");import{i18n as xa}from"@lingui/core";import{Button as Hy,Checkbox as Gy,Image as Oc,ListItemButton as Vy,MessageBox as Xy,Radio as jy,RadioRoot as Ky}from"@rango-dev/ui";import{Namespace as Eo}from"@rango-dev/wallets-shared";import We,{useMemo as Yy,useState as Zy}from"react";import{styled as Qy}from"@rango-dev/ui";var Fc=Qy("ul",{padding:0,paddingTop:"$4",paddingBottom:"$4"});var Jy={[Eo.Evm]:"ETH",[Eo.Solana]:"SOLANA",[Eo.Cosmos]:"COSMOS",[Eo.Utxo]:"BTC",[Eo.Starknet]:"STARKNET",[Eo.Tron]:"TRON"},Ry=i((t,e)=>t.find(o=>o.name===e)?.logo,"getBlockchainLogo");function lo(t){let{singleNamespace:e,namespaces:o}=t,[n,r]=Zy([]),a=h().blockchains(),s=Yy(()=>o?.map(u=>({name:u,logo:Ry(a,Jy[u])})),[o]),l=i(u=>{r(e?[u]:c=>c.includes(u)?c.filter(m=>m!==u):c.concat(u))},"onSelect"),p=i(u=>e?We.createElement(Ky,{value:n?.[0]},u):We.createElement(We.Fragment,null,u),"wrapRadioRoot");return We.createElement(ne,{open:t.open,onClose:t.onClose,container:document.getElementById(Se.SWAP_BOX_ID)||document.body},We.createElement(Xy,{type:"info",title:xa.t("Select chain types"),description:xa.t("This wallet supports multiple chains. Select which chain you'd like to connect to."),icon:We.createElement(Sr,null,We.createElement(ur,null,We.createElement(Oc,{src:t.image,size:45})),We.createElement(Cr,null))}),We.createElement(Fc,null,p(We.createElement(We.Fragment,null,s?.map(u=>We.createElement(Vy,{key:u.name,id:u.name,title:u.name,hasDivider:!0,style:{height:60},onClick:()=>l(u.name),start:We.createElement(Oc,{src:u.logo,size:22}),end:e?We.createElement(jy,{value:u.name}):We.createElement(Gy,{checked:n.includes(u.name)})}))))),We.createElement(Hy,{type:"primary",disabled:!n.length,onClick:()=>t.onConfirm(n)},xa.t("Confirm")))}i(lo,"WalletNamespacesModal");var iS=qc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),aS=qc(me,{textAlign:"center"}),kr=3e3,ba=300;function Qc(){let{fetchStatus:t}=h(),[e,o]=Tr("ALL"),n=h().blockchains(),[r,a]=Tr(!1),[s,l]=Tr(null),[p,u]=Tr(""),c=null,m=ie.use.isActiveTab(),{list:d,handleClick:f,error:g,disconnectConnectingWallets:S}=vo({onBeforeConnect:w=>{c=setTimeout(()=>{a(!0),u(w)},ba)},onConnect:()=>{c&&clearTimeout(c),setTimeout(()=>{a(!1)},kr)}}),C=i(()=>{S(),a(!1)},"handleCloseWalletModal"),y=d.find(w=>w.type===p),T=y?.image||"",k=y?.state||zc.NOT_INSTALLED,v=Bl(d,n),x=tS(v)!==1,L=Pl(d,e);return at.createElement(le,{header:{title:Uc.t("Connect Wallets")}},at.createElement(aS,null,x&&at.createElement(at.Fragment,null,at.createElement(oS,{setCategory:o,category:e,blockchains:v,isLoading:t==="loading"}),at.createElement(eS,{size:24})),at.createElement(nS,{variant:"title",size:"xmedium",align:"center"},Uc.t("Choose a wallet to connect.")),at.createElement(iS,null,L.map((w,b)=>{let A=`wallet-${b}-${w.type}`;return at.createElement(rS,{key:A,...w,container:B(),onClick:P=>{w.namespaces&&w.state===zc.DISCONNECTED?l({providerType:P,providerImage:w.image,availableNamespaces:w.namespaces,singleNamespace:w.singleNamespace}):f(P)},isLoading:t==="loading",disabled:!m})}),at.createElement(Ko,{open:!!r,onClose:C,image:T,state:k,error:g}),at.createElement(lo,{open:!!s,onClose:()=>l(null),onConfirm:w=>{f(s?.providerType,w),l(null)},image:s?.providerImage,namespaces:s?.availableNamespaces,singleNamespace:s?.singleNamespace}))))}i(Qc,"WalletsPage");import{keyframes as sS,styled as Ia}from"@rango-dev/ui";var Hc=Ia("div",{position:"relative"}),lS=sS({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Gc=Ia("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${lS} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Vc=Ia("div",{"& img":{borderRadius:"50%"}});var mS=7;function Aa(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:a,onConnect:s}=t,l=ie.use.isActiveTab(),p=te.use.connectedWallets(),{blockchains:u}=h(),[c,m]=Ao(""),[d,f]=Ao(null),[g,S]=Ao(!1),[C,y]=Ao(null),[T,k]=Ao(null),{suggestAndConnect:v}=vr(),E=null,{list:x,error:L,handleClick:w,disconnectWallet:b,disconnectConnectingWallets:A}=vo({chain:e,onBeforeConnect:W=>{E=setTimeout(()=>{m(W)},ba)},onConnect:W=>{s?.(W),E&&clearTimeout(E),setTimeout(()=>{m("")},kr)}}),[P,Q]=Ao(x),I=x.length,H=r&&I-r>0,Y=i(async W=>{S(!1),y("in-progress");try{await v(W.walletType,W.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain"),pe=i(W=>{k({providerType:W.type,providerImage:W.image,availableNamespaces:W.namespaces,singleNamespace:W.singleNamespace})},"handleOpenNamespacesModal");Kc(()=>{Q(W=>{let U=x.findIndex(Z=>o(Z.type,e));return H&&U>1?[x[U]].concat(x.filter((Z,re)=>re!==U)):W.map(Z=>x.find(re=>re.type===Z.type)??Z)})},[JSON.stringify(x)]);let G=document.getElementById(Se.SWAP_BOX_ID);Kc(()=>{let W=null;return(C==="completed"||C==="rejected")&&(W=setTimeout(()=>y(null),kr)),()=>{W&&clearTimeout(W)}},[C]);let ee=i(()=>{A(),m("")},"handleCloseWalletModal");return ue.createElement(ue.Fragment,null,P.slice(0,r).map(W=>{let U=Wl({connectedWallets:p,walletType:W.type,chain:e}),Z=U?_n(U,mS):"",re=Bn(u(),e),ke=!p.find(Oe=>Oe.walletType===W.type&&Oe.chain===e),_=re&&ke&&W.state===jc.CONNECTED,Fe=_?st.t({id:"Add {chain} chain",values:{chain:e}}):Z,ot=i(async()=>{W.state===jc.DISCONNECTED?W.namespaces?pe(W):w(W.type):W.namespaces&&!Z?(await b(W.type),pe(W)):_?(f({walletType:W.type,chain:e,address:U??""}),S(!0)):n({walletType:W.type,chain:e,address:U??""})},"onClick"),fe=d?.chain?En(d.chain,u()):void 0;return ue.createElement(ue.Fragment,{key:`${W.title}_${fe}`},ue.createElement(Ko,{open:c===W.type,onClose:ee,image:W.image,state:W.state,error:L}),ue.createElement(lo,{open:!!T,onClose:()=>k(null),onConfirm:Oe=>{w(T?.providerType,Oe),k(null)},image:T?.providerImage,namespaces:T?.availableNamespaces,singleNamespace:T?.singleNamespace}),!!d&&ue.createElement(ne,{open:!!d&&g,container:G,onClose:()=>{f(null)}},ue.createElement(wr,{title:st.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),type:"warning",description:st.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}})},ue.createElement(Ea,{size:18}),ue.createElement(Ea,{size:32}),ue.createElement(pS,{onClick:Y.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},st.t("Confirm")))),C&&ue.createElement(ne,{open:!!C,onClose:y.bind(null,null),container:G},C==="in-progress"&&ue.createElement(wr,{type:"loading",title:st.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:fe}}),description:st.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:fe}}),icon:ue.createElement(Hc,null,ue.createElement(Vc,null,ue.createElement(cS,{src:W.image,size:45})),ue.createElement(Gc,null))}),C==="completed"&&ue.createElement(wr,{type:"success",title:st.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:fe}}),description:st.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:fe}})}),C==="rejected"&&ue.createElement(wr,{type:"error",title:st.t("Request Rejected"),description:st.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:fe}})}),ue.createElement(Ea,{direction:"vertical",size:32})),ue.createElement(uS,{key:W.type,description:Fe,onClick:ot,selected:o(W.type,e),disabled:!l,...W}))}),H&&ue.createElement(Up,{selected:!1,onClick:a},ue.createElement(Xc,{variant:"label",size:"medium"},st.t("Show more wallets"),ue.createElement(Xc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}i(Aa,"WalletList");var vS=2;function Rc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:a}=t,s=wS(),l=h().config,p=kS(null),u=h().blockchains(),{selectedQuote:c,setSelectedWallets:m,quoteWalletsConfirmed:d,setQuoteWalletConfirmed:f,customDestination:g,setCustomDestination:S}=K(),{connectedWallets:C,selectWallets:y}=te(),[T,k]=po(""),[v,E]=po([]),[x,L]=po(""),[w,b]=po(null),[A,P]=po(!!g),Q=navigator?.userAgent.includes("Firefox"),I=Rt({filter:"all",quote:c}),H=Rt({filter:"required",quote:c}),Y=u.find(M=>M.name===c?.swaps[c?.swaps.length-1].to.blockchain),pe=i(M=>H.includes(M),"isWalletRequiredFor"),G=TS(()=>C.filter(M=>M.selected&&I.includes(M.chain)),[C.length,I.length]),[ee,W]=po(G()),[U,Z]=po([]),re=i((M,V)=>Z(X=>X.concat({blockchain:M,walletType:V})),"addNextSelectedWallets"),ke=v.length>0,_=i((M,V)=>!!ee.find(X=>X.walletType===M&&X.chain===V&&X.selected&&(pe(V)||!pe(V)&&!g)),"isSelected"),Fe=!!g&&A&&Y&&!Qn(Y,g),ot=i(()=>{P(!1),S(null),W(M=>{let V=!1;return M.map(X=>!V&&X.chain===Y?.name?(V=!0,{...X,selected:!0}):X)})},"resetCustomDestination"),fe=i(()=>S(""),"handleClearCustomDestination"),Oe=i(async M=>{if(M.preventDefault(),navigator.clipboard!==void 0){let V=await navigator.clipboard.readText();S(V),p?.current?.focus()}},"handlePasteCustomDestination"),vt=i(M=>{M?pe(Y?.name??"")||W(V=>V.map(X=>X.chain===Y?.name?{...X,selected:!1}:X)):ot()},"handleCustomDestinationCollapsibleOpenChange"),Ve=i(M=>{if(T&&k(""),_(M.walletType,M.chain))return;let X=C.find(qe=>qe.walletType===M.walletType&&qe.chain===M.chain);X&&(n(),M.chain===Y?.name&&A&&!pe(Y.name)&&(P(!1),S(null)),W(qe=>qe.filter(ft=>ft.chain!==M.chain).concat({...X,selected:!0})))},"onChange"),nt=i(()=>{let M=ee.filter(V=>V.selected);y(M),m(M),f(!0),o()},"onConfirmBalance"),rt=i(async()=>{E([]),L(""),b(null);let M=await r?.({selectedWallets:ee.filter(X=>X.selected),customDestination:g}),V=M.warnings;V?.balance?.messages&&E(V.balance.messages),V?.quoteUpdate&&b(V.quoteUpdate),M.error&&L(sp(M.error)),!M.error&&!V?.balance?.messages.length?nt():E(V?.balance?.messages??[])},"onConfirmWallets"),dt=i(()=>g?$.createElement(Zc,{onClick:fe,variant:"ghost"},$.createElement(hS,{size:12,color:"gray"})):Q?null:$.createElement(Zc,{onClick:Oe,variant:"ghost"},$.createElement(SS,{size:16})),"renderCustomDestinationSuffix");Jc(()=>{W(M=>{let V=[];return M.forEach(X=>{!C.some(ft=>ft.chain===X.chain&&ft.walletType===X.walletType&&ft.address===X.address)||V.push(X)}),V=V.concat(C.filter(X=>!!!V.find(ft=>ft.chain===X.chain)&&X.selected&&I.includes(X.chain))),V})},[C.length,I.length]),Jc(()=>{let M=[];U.length>0&&(U.forEach(V=>{let X=C.find(qe=>qe.chain===V.blockchain&&qe.walletType===V.walletType);X?Ve(X):M.push(V)}),Z(M))},[C.length,U.length]);let ye=document.getElementById(Se.SWAP_BOX_ID);return $.createElement(ne,{open:e,onClose:()=>{d||s("../",{replace:!0}),o()},dismissible:!T,container:ye,...!T&&{footer:$.createElement(Xp,null,$.createElement(Yc,{loading:a,disabled:bp(a,A,g,c,ee,Y),onClick:rt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},St.t("Confirm")))},...T&&{styles:{container:{padding:"$0"}},header:$.createElement(zp,null,$.createElement(qp,{variant:"ghost",onClick:k.bind(null,"")},$.createElement(gS,{size:16})),$.createElement(xr,{variant:"headline",size:"small"},St.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(T,u)}})))},anchor:"center"},$.createElement(ne,{open:ke,onClose:E.bind(null,[]),container:ye},$.createElement(yS,{title:St.t("Insufficient account balance"),type:"error",description:$.createElement(dS,{messages:v??[]})},$.createElement(Yc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:nt},St.t("Proceed anyway")))),T&&$.createElement(Qp,null,$.createElement("div",{className:Hp()},$.createElement(Aa,{chain:T,isSelected:_,selectWallet:Ve,onShowMore:()=>k(T),onConnect:M=>{re(T,M)}}))),!T&&$.createElement($.Fragment,null,x&&$.createElement($.Fragment,null,$.createElement(Na,{variant:"alarm",type:"error",title:St.t(x)}),$.createElement(Yo,{size:12})),w&&$.createElement($.Fragment,null,$.createElement(Na,{variant:"alarm",type:"warning",title:tr(w)}),$.createElement(Yo,{size:12})),$.createElement(Kp,null,I.map((M,V)=>{let X=u.find(Jt=>Jt.name===M),qe=`wallet-${V}`,ft=V===I.length-1;return $.createElement("div",{key:qe},$.createElement(Fp,null,$.createElement(xr,{variant:"title",size:"xmedium"},St.t({id:"Your {blockchainName} wallets",values:{blockchainName:X?.shortName}})),$.createElement(xr,{variant:"label",color:"$neutral700",size:"medium"},St.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:X?.shortName}}))),$.createElement(Yo,{size:24}),$.createElement(Op,null,$.createElement(Aa,{chain:M,isSelected:_,selectWallet:Ve,limit:vS,onShowMore:()=>k(X?.name??""),onConnect:Jt=>{re(M,Jt)}})),!ft&&$.createElement(Yo,{size:32}),ft&&l?.customDestination&&$.createElement(Gp,null,$.createElement(ar,{onOpenChange:vt,hasSelected:!0,open:A,triggerAnchor:"top",trigger:$.createElement(Yp,null,$.createElement("div",{className:"button__content"},$.createElement(CS,{size:18,color:"info"}),$.createElement(Yo,{size:4,direction:"horizontal"}),$.createElement(xr,{variant:"label",size:"medium",color:A?"$neutral600":void 0},St.t("Send to a different address"))),$.createElement(rr,{orientation:A?"up":"down"},$.createElement(fS,{size:10,color:"secondary"}))),onClickTrigger:()=>P(Jt=>!Jt)},$.createElement(jp,{ref:p,style:{padding:0,paddingRight:g?"8px":"5px"},autoFocus:!0,placeholder:St.t("Enter {blockchainName} address",{blockchainName:En(M,u)}),value:g||"",suffix:dt(),onChange:Jt=>{let Kf=Jt.target.value;S(Kf)},...!g&&{autoFocus:!0}})),Fe&&$.createElement("div",{className:Vp()},$.createElement(Na,{variant:"alarm",type:"error",title:St.t({values:{destination:g},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Rc,"ConfirmWalletsModal");import{i18n as qS}from"@lingui/core";import{Alert as QS,Button as HS,InfoIcon as GS}from"@rango-dev/ui";import He from"react";import{Alert as IS,Button as ES,Divider as La,NoRouteIcon as AS,RefreshIcon as NS,Typography as au}from"@rango-dev/ui";import Qe from"react";import{i18n as eu}from"@lingui/core";var xS=24,bS=60;function tu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:oe().genericServerError,action:{onClick:n,title:eu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:oe().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:eu.t("Reset")}},description:oe().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:oe().noResultError.description}}i(tu,"makeInfo");var Wa=(o=>(o[o.small=xS]="small",o[o.large=bS]="large",o))(Wa||{}),Ma=(o=>(o.small="small",o.large="medium",o))(Ma||{});import{styled as br}from"@rango-dev/ui";var ou=br("div",{display:"flex",flexDirection:"column",alignItems:"center"}),nu=br("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),ru=br("div",{variants:{size:{small:{width:"100%"},large:{}}}}),iu=br("div",{padding:"$6 $0"});function Zo(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),a=h().toggleAllLiquiditySources,s=h().swappers(),l=tu(o,r,()=>a(s,!0),e);return Qe.createElement(ou,null,Qe.createElement(AS,{size:Wa[n],color:"gray"}),Qe.createElement(La,{size:4}),Qe.createElement(au,{variant:"title",size:Ma[n]},oe().noResultError.title),n==="large"&&Qe.createElement(La,{size:4}),!!l.description&&Qe.createElement(nu,{size:n},Qe.createElement(au,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(La,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(ru,{size:n},Qe.createElement(IS,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(ES,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(iu,null,Qe.createElement(NS,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Zo,"NoResult");import{i18n as Jo}from"@lingui/core";import{Button as MS,Divider as LS,MessageBox as BS,Typography as PS,WarningIcon as _S}from"@rango-dev/ui";import At from"react";import{Typography as cu}from"@rango-dev/ui";import Pa from"react";import{darkTheme as WS,styled as Ir}from"@rango-dev/ui";var su=Ir("div",{width:"100%"}),Ba=Ir("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),lu=Ir("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${WS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),pu=Ir("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function uu(t){let{title:e,value:o,valueColor:n}=t;return Pa.createElement(lu,null,Pa.createElement(cu,{size:"medium",variant:"label",className:"_title"},e),Pa.createElement(cu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(uu,"QuoteErrorsModalItem");function mu(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:a}=t,s=r.warningLevel==="high"?"error":"warning",l=[{title:Jo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Jo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Jo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Jo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return At.createElement(ne,{footer:At.createElement(MS,{type:"primary",size:"large",prefix:At.createElement(_S,null),fullWidth:!0,disabled:a,onClick:n},oe().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},At.createElement(BS,{type:s,title:oe().highValueLossError.impactTitle,description:oe().highValueLossError.description}),At.createElement(Ba,null,At.createElement(LS,{size:"4"}),At.createElement(PS,{size:"small",variant:"title"},Jo.t("Details")),At.createElement(Ba,null,l.map((p,u)=>At.createElement(uu,{key:u,...p})))))}i(mu,"HighValueLossWarningModal");import{i18n as _a}from"@lingui/core";function du(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=_a.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&&(It(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=oe().highValueLossError.title),t.type===1&&(o.title=oe().unknownPriceError.title),t.type===2&&(o.title=_a.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=_a.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(du,"makeAlerts");import{i18n as No}from"@lingui/core";import{Button as fu,Divider as gu,MessageBox as $S,Typography as DS}from"@rango-dev/ui";import co from"react";import{useNavigate as FS}from"react-router-dom";function hu(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:a,warning:s,confirmationDisabled:l}=t,p=FS(),u=e??o;return co.createElement(ne,{anchor:"bottom",open:n,prefix:co.createElement(fu,{size:"small",variant:"ghost",onClick:()=>p("../"+z.settings)},co.createElement(DS,{variant:"label",size:"medium",color:"$neutral900"},No.t("Change settings"))),container:B(),onClose:r},co.createElement($S,{type:"warning",title:s.type===3?No.t("High slippage"):No.t("Low slippage"),description:s.type===3?No.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):No.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:s.minRequiredSlippage}})},co.createElement(gu,{size:18}),co.createElement(gu,{size:32}),co.createElement(fu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:a},No.t("Confirm anyway"))))}i(hu,"SlippageWarningModal");import{Button as OS,MessageBox as US,WarningIcon as zS}from"@rango-dev/ui";import Er from"react";function yu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Er.createElement(ne,{footer:Er.createElement(OS,{type:"primary",size:"large",prefix:Er.createElement(zS,null),fullWidth:!0,disabled:r,onClick:n},oe().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},Er.createElement(US,{type:"warning",title:oe().unknownPriceError.impactTitle,description:oe().unknownPriceError.description}))}i(yu,"UnknownPriceWarningModal");function Ro(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:a,refetchQuote:s,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:u,onChangeSettings:c}=t,m={confirmationDisabled:a,open:r,onClose:p,onConfirm:u},d=o?.type===0||o?.type===1,f=du(e,o?.type===3||o?.type===4?o:null);return f&&!n&&(f.action=null),He.createElement(He.Fragment,null,d&&He.createElement(Zo,{error:o,fetch:s}),!!f&&He.createElement(su,null,He.createElement(QS,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:He.createElement(pu,{onClick:l},He.createElement(GS,{size:12,color:"gray"}))},...f.action==="change-settings"&&{action:He.createElement(HS,{size:"xxsmall",type:f.alertType,onClick:c},qS.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(mu,{...m,warning:e}),(e.type===3||e.type===2)&&He.createElement(hu,{...m,warning:e}),e.type===1&&He.createElement(yu,{...m,warning:e})))}i(Ro,"QuoteWarningsAndErrors");import wC from"bignumber.js";import zr from"react";import{i18n as uo}from"@lingui/core";import{Alert as pC,Divider as Mo,FullExpandedQuote as cC,InfoIcon as uC,QuoteTag as mC,StepDetails as dC,TokenAmount as fC,Tooltip as Yu,Typography as Lo}from"@rango-dev/ui";import Qa from"bignumber.js";import D,{useRef as gC,useState as hC}from"react";import{styled as $a}from"@rango-dev/ui";var Da=$a("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Su=$a("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Cu=$a("div",{width:"100%",display:"flex"});import*as Ar from"@radix-ui/react-collapsible";import{Button as VS,css as en,darkTheme as we,Image as Tu,styled as _e,Typography as XS}from"@rango-dev/ui";var jS=300,ku=_e(Ar.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${we} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),wu=en({padding:"$10 $15"}),vu=_e(VS,{backgroundColor:"transparent",border:"1px solid $secondary550",[`.${we} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary550",[`.${we} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${we} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),xu=_e("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",[`.${we} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${we} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${we} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${we} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${we} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$secondary100",[`.${we} &`]:{$$color:"$colors$secondary550"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${we} &`]:{backgroundColor:"$neutral400"}}}}]}),bu=en({width:"100%",padding:"$15 $15 $10 $15"}),Iu=en({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),Wo=en({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Eu=en({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${we} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Au=_e(Ar.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:{[`& ${Tu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Tu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${we} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$secondary200",[`.${we} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Nu=_e("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"}}}}),Wu=_e(nr,{width:"100%",background:"inherit"}),Fa=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${jS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),dB=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Mu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${we} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Lu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Oa=_e(XS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Bu=_e("div",{display:"flex",flexWrap:"wrap"}),Ua=_e("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"}}}}),Pu=_e("div",{display:"flex"}),Nr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${we} &`]:{borderTopColor:"$neutral800"}});import{i18n as Vt}from"@lingui/core";import{ChevronDownIcon as YS,CloseIcon as ZS,Divider as Lr,IconButton as JS,QuoteCost as RS,Tooltip as eC,Typography as lt}from"@rango-dev/ui";import J,{useState as Fu}from"react";import{css as KS,styled as Wr}from"@rango-dev/ui";var Mr=Wr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),za=Wr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),_u=Wr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),$u=Wr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Du=KS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var tC=i(t=>t.fee.isZero()?null:J.createElement(Mr,null,J.createElement(lt,{variant:"label",size:"medium",color:"neutral600"},t.label),J.createElement(lt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function Ou(t){let[e,o]=Fu(!1),[n,r]=Fu(!1),{steps:a,quote:s,fee:l,time:p,feeWarning:u,showModalFee:c}=t,m=s?.swaps??[],d=B(),f=dp(m);return J.createElement(J.Fragment,null,J.createElement(RS,{onClickFee:c?g=>{g.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:a,tooltipGas:c?Vt.t("View more info"):void 0,tooltipContainer:d}),J.createElement(ne,{container:d,open:e,header:J.createElement($u,null,J.createElement(lt,{variant:"title",size:"medium"},Vt.t("Gas & Fee Explanation")),J.createElement(JS,{onClick:()=>o(!1),variant:"ghost"},J.createElement(ZS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},J.createElement(_u,null,J.createElement(lt,{variant:"title",size:"small"},Vt.t("Details")),J.createElement(Lr,{size:10}),Object.entries(f.payable).flatMap(([g,S])=>S.map((C,y)=>{let T=`payable-fee-${y}`,k=qi(C);return J.createElement(Mr,{key:T},J.createElement(lt,{variant:"label",size:"medium",color:"neutral600"},Fi[g]),J.createElement(eC,{content:ce(C.amount),container:d},J.createElement(lt,{variant:"label",size:"medium"},N(C.amount,2,2)," ",C.asset.symbol," ($",N(k,4,4),")")))})),J.createElement(Mr,{className:"total_payable_fee"},J.createElement(lt,{variant:"label",size:"medium"},Vt.t("Total Payable Fee")),J.createElement(lt,{variant:"label",size:"medium"},"$",N(l,4,4))),J.createElement(za,null),Object.keys(f.nonePayable).length&&J.createElement(ar,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:J.createElement("div",{className:Du()},J.createElement(lt,{size:"small",variant:"body",color:"neutral700"},n?Vt.t("Hide non-payable fees"):Vt.t("Show non-payable fees")),J.createElement(Lr,{size:4,direction:"horizontal"}),J.createElement(rr,{orientation:n?"up":"down"},J.createElement(YS,{size:12,color:"gray"}))),open:n},J.createElement(lt,{size:"small",variant:"title"},Vt.t("Description")),J.createElement(Lr,{size:4}),J.createElement(lt,{size:"small",variant:"body",color:"neutral700"},Vt.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),J.createElement(Lr,{size:10}),Object.entries(f.nonePayable).map(([g,S],C)=>{let y=mp(S),T=Fi[g],k=`non-payable-fee-${C}`;return J.createElement(tC,{key:k,fee:y,label:T})}),J.createElement(za,null)))))}i(Ou,"QuoteCostDetails");import{i18n as qu}from"@lingui/core";import{TokenAmount as Qu}from"@rango-dev/ui";import Br from"react";import{css as oC,styled as nC}from"@rango-dev/ui";var Uu=nC("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),zu=oC({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function tn(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Br.createElement(Uu,null,Br.createElement(Qu,{direction:"horizontal",label:qu.t("Swap input"),type:"input",tooltipContainer:B(),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}}),Br.createElement("div",{className:zu()}),Br.createElement(Qu,{direction:"horizontal",tooltipContainer:B(),label:qu.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(tn,"QuoteSummary");import{i18n as ju}from"@lingui/core";import{ChevronDownIcon as aC,ChevronRightIcon as sC,Divider as qa,Image as lC,Tooltip as Fr,Typography as _r}from"@rango-dev/ui";import F from"react";import{useLayoutEffect as rC,useState as on}from"react";var Hu=480,Gu=768,Vu=1024,Xu=1200,iC=i(()=>{let[t,e]=on(!1),[o,n]=on(!1),[r,a]=on(!1),[s,l]=on(!1),[p,u]=on(!1),c=i(()=>{e(window.innerWidth<=Hu),n(window.innerWidth>Hu&&window.innerWidth<=Gu),a(window.innerWidth>Gu&&window.innerWidth<=Vu),l(window.innerWidth>Vu&&window.innerWidth<=Xu),u(window.innerWidth>Xu)},"handleResize");return rC(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:s,isExtraLargeScreen:p}},"useScreenDetect"),Pr=iC;var $r=4,Dr=6,nn=i(t=>{let{content:e,src:o,className:n,open:r,state:a,container:s}=t,l=s||B();return F.createElement(Fr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},F.createElement(Nu,{className:n,state:a},F.createElement(lC,{src:o,size:16})))},"ImageComponent");function Ku(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:a,type:s,container:l}=t,p=l||B(),u=r.length,c=Wp(r),{isTablet:m,isMobile:d}=Pr();return F.createElement(Au,{listItem:s==="list-item",ref:f=>e.current=f,selected:o,onClick:f=>{f.stopPropagation(),n(g=>!g)}},F.createElement("div",{className:Wo()},F.createElement(_r,{variant:"body",size:"xsmall"},ju.t("Via:")),F.createElement(qa,{direction:"horizontal",size:4}),r.map((f,g)=>{let S=`item-${g}`,C=F.createElement(Fa,null,F.createElement(sC,{size:12,color:"black"}));return d||m?F.createElement(F.Fragment,{key:S},F.createElement(nn,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==u-1&&F.createElement(F.Fragment,null,C)):F.createElement(F.Fragment,{key:S},u<=$r||u>$r&&g<$r-1?F.createElement(F.Fragment,null,F.createElement(nn,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==u-1&&F.createElement(F.Fragment,null,C)):g===$r-1&&F.createElement(Fr,{container:p,side:"bottom",align:"end",sideOffset:4,content:F.createElement("div",{className:Wo()},C,r.map((y,T)=>{let k=`image-${T}`;return T>=g&&F.createElement(F.Fragment,{key:k},F.createElement(nn,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),T!==u-1&&F.createElement(F.Fragment,null,C))}))},F.createElement(Ua,{state:r.find((y,T)=>T>=g&&(y.state==="error"||y.state==="warning"))?.state},F.createElement(_r,{size:"xsmall",variant:"body"},"+",u-g))))})),F.createElement("div",{className:Wo()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:Wo()},F.createElement(_r,{variant:"body",size:"xsmall"},ju.t("Chains:")),F.createElement(qa,{direction:"horizontal",size:4}),c.map((f,g)=>F.createElement(F.Fragment,{key:f.displayName},c.length<=Dr||c.length>Dr&&g<Dr-1?F.createElement(Fr,{container:p,side:"bottom",content:f.displayName,sideOffset:4},F.createElement(nn,{content:"",src:f.image,open:!1,className:g!==0?"blockchainImage":""})):g===Dr-1&&F.createElement(Fr,{container:p,side:"bottom",align:"end",sideOffset:4,content:F.createElement("div",{className:Wo()},c.map((S,C)=>C>=g&&F.createElement(nn,{key:S.displayName,content:"",src:S.image,open:!1,className:C>g?"blockchainImage":"",container:l})))},F.createElement(Ua,{className:"blockchainImage"},F.createElement(_r,{size:"xsmall",variant:"body"},"+",c.length-g))))),F.createElement(qa,{direction:"horizontal",size:32}))),F.createElement(Fa,{orientation:a?"up":"down"},F.createElement(aC,{size:12,color:"black"}))))}i(Ku,"QuoteTrigger");function Ha(t){let{quote:e,input:o,output:n,error:r,warning:a,type:s,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c,fullExpandedMode:m=!1,container:d}=t,f=h().blockchains(),{findToken:g}=h(),S=h().swappers(),{customSlippage:C,slippage:y}=h(),T=C||y,[k,v]=hC(t.expanded),E=gC(null),x=N(o.value,6,6),L=N(n.value,6,6),w=n.usdValue?N(n.usdValue,4,4):"",b=Ke(o.usdValue,n.usdValue??null),A=N(b,2,2),P=It(b??0),Q=i((re,ke)=>re.map((_,Fe)=>{let ot,fe=r?.type===3&&r.swap.swapperId===_.swapperId,Oe=r?.type===4&&r.recommendedSlippages?.has(Fe),vt=a?.type===2&&a.recommendedSlippages?.has(Fe),Ve=fe||Oe,nt=vt;Ve?ot="error":nt&&(ot="warning");let rt=Ve?uo.t("Slippage Error"):uo.t("Slippage Warning");return fe&&(rt=uo.t("Bridge Limit Error")),{swapper:{displayName:Oo(_.swapperId,S),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:Xe(_.from.blockchain,f),image:_.from.blockchainLogo},price:{value:Fe===0&&!ke?N(o.value,6,6):N(_.fromAmount,6,6),usdValue:N((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:ce(Fe===0?o.value:_.fromAmount),realUsdValue:ce(new Qa(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:Xe(_.to.blockchain,f),image:_.to.blockchainLogo},price:{value:N(_.toAmount,6,6),usdValue:N((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:ce(_.toAmount),realUsdValue:ce(new Qa(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:ot,alerts:Ve||nt?D.createElement(Su,{dense:m},D.createElement(pC,{variant:"alarm",type:Ve?"error":"warning",title:rt,footer:D.createElement(Cu,null,fe&&D.createElement("div",null,D.createElement(Lo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Mo,{direction:"vertical",size:2}),D.createElement(Lo,{size:"xsmall",variant:"body",color:"neutral900"},uo.t({id:"Yours: {amount} {symbol}",values:{amount:N(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(Oe||vt)&&!fe&&D.createElement("div",null,D.createElement(Lo,{size:"xsmall",variant:"body",color:"neutral900"},uo.t({id:"Minimum required slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(Fe)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(Fe)}}})),D.createElement(Mo,{direction:"vertical",size:2}),D.createElement(Lo,{size:"xsmall",variant:"body",color:"neutral900"},uo.t({id:"Yours: {userSlippage}",values:{userSlippage:T}}))))})):void 0,time:Uo(_.estimatedTimeInSeconds),fee:N(zi(_,g),2,2),internalSwaps:_.internalSwaps?Q(_.internalSwaps):void 0}}),"getQuoteSteps"),I=Q(e?.swaps??[]),H=I.length,Y=d||B(),pe=Lp(t.quote.tags||[]),G=!!c,ee=Uo(An(e?.swaps)),W=Vn(e?.swaps??[],g),U=N(W,2,2),Z=W.gte(new Qa(ap));return m?D.createElement(cC,{selected:l,fee:U,time:ee,tooltipContainer:Fo(),steps:I,tags:pe,feeWarning:Z,percentageChange:A,warningLevel:P,outputPrice:{value:L,usdValue:w,realValue:ce(n.value),realUsdValue:ce(n.usdValue)}}):D.createElement(xu,{selected:l,listItem:s==="list-item",basic:s==="basic"},D.createElement("div",{className:bu()},!p&&pe.length?D.createElement(D.Fragment,null,D.createElement(Pu,null,pe.map((re,ke)=>{let _=`${re.value}_${ke}`;return D.createElement(D.Fragment,{key:_},D.createElement(mC,{label:re.label,value:re.value}),D.createElement(Mo,{size:4,direction:"horizontal"}))})),D.createElement(Nr,null),!G&&D.createElement(Mo,{size:4})):null,D.createElement("div",{id:"portal-root",className:Iu()},D.createElement(Ou,{quote:e,time:ee,fee:U,feeWarning:Z,showModalFee:u,steps:H}),G&&D.createElement(vu,{onClick:re=>{re.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},D.createElement(Lo,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},uo.t("See All Routes")))),s==="basic"&&D.createElement("div",{className:Eu()},D.createElement(Lu,null,D.createElement(uC,{size:12,color:"gray"})),D.createElement(Bu,null,D.createElement(Oa,{size:"small",variant:"body"},`${x} ${I[0].from.token.displayName} = `),D.createElement(Yu,{content:ce(n.value),container:Y,open:n.value?void 0:!1},D.createElement(Oa,{size:"small",variant:"body"},"\xA0",`${L} ${I[I.length-1].to.token.displayName}`))),D.createElement(Yu,{content:ce(n.usdValue),container:Y},D.createElement(Mo,{size:2,direction:"horizontal"}),D.createElement(Lo,{color:"$neutral600",size:"xsmall",variant:"body"},`($${w})`))),s==="list-item"&&D.createElement(fC,{tooltipContainer:Y,type:"output",direction:"vertical",price:{value:L,usdValue:w,realValue:ce(n.value),realUsdValue:ce(n.usdValue)},token:{displayName:I[H-1].to.token.displayName,image:I[H-1].to.token.image},chain:{image:I[H-1].to.chain.image},percentageChange:A,warningLevel:P}),s==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(tn,{from:I[0].from,to:I[H-1].to,percentageChange:A,warningLevel:P}),D.createElement(Mo,{size:4}))),D.createElement(ku,{selected:l,listItem:s==="list-item",open:k,className:"quote_container",onOpenChange:v},D.createElement(Ku,{type:s,quoteRef:E,selected:l,setExpanded:v,container:Y,expanded:k,steps:I}),D.createElement(Wu,{open:k},D.createElement(Mu,null),D.createElement("div",{className:wu()},I.map((re,ke)=>{let _=`item-${ke}`;return D.createElement(dC,{type:"quote-details",key:_,tooltipContainer:Y,step:re,hasSeparator:ke!==I.length-1,state:re.state})})))))}i(Ha,"Quote");import{Divider as TC,Skeleton as kC}from"@rango-dev/ui";import Wt from"react";import{darkTheme as yC,styled as Or}from"@rango-dev/ui";var Zu=Or("div",{$$color:"$colors$neutral100",[`.${yC} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Ju=Or("div",{paddingTop:"$2"}),Ru=Or("div",{paddingLeft:"$8"}),em=Or("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as cm,Divider as pt,Skeleton as Ge}from"@rango-dev/ui";import q from"react";import{css as SC,styled as Nt}from"@rango-dev/ui";var Ga=Nt("div",{display:"flex"}),tm=Nt("div",{padding:"$10 $0 $20"}),om=Nt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),nm=Nt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),rm=Nt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),im=Nt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),am=Nt("div",{width:"65%",display:"flex",justifyContent:"start"}),sm=Nt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),lm=Nt("div",{padding:"$15 $0 $15 $0"}),pm=SC({display:"flex",justifyContent:"space-between",alignItems:"center"});function rn(t){let{type:e,tagHidden:o=!0}=t,n=q.createElement(rm,null,q.createElement(am,null,q.createElement(cm,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(pt,{size:8,direction:"horizontal"}),q.createElement(sm,null,q.createElement(Ge,{height:10,width:60,variant:"rounded"}),q.createElement(pt,{size:4}),q.createElement(Ge,{height:15,variant:"rounded"}))),q.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return q.createElement("div",null,!o&&q.createElement(q.Fragment,null,q.createElement(Ga,null,q.createElement(Ge,{width:65,height:20,variant:"rounded"}),q.createElement(pt,{size:4,direction:"horizontal"}),q.createElement(Ge,{width:65,height:20,variant:"rounded"}),q.createElement(pt,{size:4,direction:"horizontal"}),q.createElement(Ge,{width:65,height:20,variant:"rounded"})),q.createElement(Nr,null),!r&&q.createElement(pt,{size:4})),q.createElement("div",{className:pm()},q.createElement(Ga,null,q.createElement(Ge,{width:60,height:10,variant:"rounded"}),q.createElement(pt,{size:4,direction:"horizontal"}),q.createElement(Ge,{width:60,height:10,variant:"rounded"}),q.createElement(pt,{size:4,direction:"horizontal"}),q.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&q.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&q.createElement(tm,null,q.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(om,null,q.createElement(nm,null,q.createElement(cm,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(pt,{direction:"horizontal",size:4}),q.createElement(Ge,{height:15,width:150,variant:"rounded"})),q.createElement(pt,{size:10}),q.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(pt,{size:4}),q.createElement(lm,null,n,q.createElement(im,null),n),q.createElement(pt,{size:12})))}i(rn,"QuoteSummarySkeleton");import{ChainToken as gm,Divider as Xa,NextIcon as CC,Skeleton as Ur}from"@rango-dev/ui";import ve from"react";import{styled as an}from"@rango-dev/ui";var um=an("div",{display:"flex",alignItems:"start"}),mm=an("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Va=an("div",{display:"flex",alignItems:"center",flexGrow:1}),dm=an("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),fm=an("div",{display:"flex",alignItems:"center"});function Ct(t){let{separator:e=!0}=t;return ve.createElement(ve.Fragment,null,ve.createElement(fm,null,ve.createElement(Ur,{height:22,width:22,variant:"circular"}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Ur,{height:15,width:148,variant:"rounded"})),ve.createElement(um,null,ve.createElement(em,{hideSeparator:!e}),ve.createElement(mm,{extraSpace:e},ve.createElement(Va,null,ve.createElement(gm,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Ur,{height:12,variant:"rounded"})),ve.createElement(dm,null,ve.createElement(CC,{color:"gray",size:16})),ve.createElement(Va,null,ve.createElement(gm,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ve.createElement(Xa,{direction:"horizontal",size:8}),ve.createElement(Ur,{height:12,variant:"rounded"})))))}i(Ct,"StepSkeleton");function sn(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Wt.createElement(Zu,{expanded:o,rounded:e!=="basic"},Wt.createElement(rn,{type:e,tagHidden:n}),Wt.createElement(Ju,null,Wt.createElement(kC,{height:15,variant:"rounded"})),o&&Wt.createElement(Ru,null,Wt.createElement(TC,{size:24}),Wt.createElement(Ct,null),Wt.createElement(Ct,null),Wt.createElement(Ct,{separator:!1})))}i(sn,"QuoteSkeleton");function mo(t){let{quote:e,type:o,loading:n,error:r,warning:a,expanded:s=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:m,fullExpandedMode:d=!1,container:f}=t,{inputAmount:g,inputUsdValue:S,toToken:C}=K(),y=e?.outputAmount?new wC(e?.outputAmount):null,T=e?.outputAmount?jn(e?.outputAmount,Yn(e)||C?.usdPrice):null,v=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?zr.createElement(Da,null,zr.createElement(sn,{tagHidden:l,type:o,expanded:s})):v?zr.createElement(Da,{onClick:()=>p?.(e)},zr.createElement(Ha,{quote:e,error:r,container:f,showModalFee:u,warning:a,tagHidden:l,selected:c,type:o,expanded:s,onClickAllRoutes:m,fullExpandedMode:d,input:{value:g,usdValue:S?.toString()??""},output:{value:y?.toString()??"",usdValue:T?.toString()??""}})):null}i(mo,"QuoteInfo");import{calculatePendingSwap as IC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as EC}from"react";import{useRef as vC,useState as xC}from"react";var bC=2e3;function qr({request:t}){let[e,o]=xC(!1),n=vC(null),r=i(()=>n.current?.abort(),"cancelFetch"),a=i(async l=>(await new Promise(p=>setTimeout(p,bC)),await s(l,!1)),"retryFetch"),s=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let u=await t(l,{signal:n.current.signal});return n.current=null,u}catch(u){if(p)return await a(l);throw u}finally{o(!1)}},"fetch");return{fetch:s,loading:e,cancelFetch:r}}i(qr,"useFetch");function hm(){let{fetch:t,loading:e,cancelFetch:o}=qr({request:async(n,r)=>await Ft().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(hm,"useFetchConfirmQuote");function Qr(t){if(!t.swaps)throw new Error(oe().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ja(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Qr,"throwErrorIfResponseIsNotValid");function ja(t){if(pp(t)){let{swap:n,recommendation:r,fromAmountRangeError:a}=cp(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:a}}}let o=fp(t);if(o){let n=Xn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ja,"getQuoteError");function ym(t,e,o){let n=!1;t&&(n=Np(t,e));let r={quote:null,quoteUpdate:null,balance:null},a=Co(e,{fromToken:o.fromToken,toToken:o.toToken,findToken:o.findToken,userSlippage:o.userSlippage});a&&(r.quote=a),t&&n&&(Tp(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(So(e)),percentageChange:N(Ke(So(t)??"",So(e)??""),null,2)}:Qi(t,e)?r.quoteUpdate={type:0}:Hi(t,e)?r.quoteUpdate={type:1}:Gi(t,e)&&(r.quoteUpdate={type:2}));let s=kp(e,o.selectedWallets,o.meta.blockchains);return s.length===0||(r.balance={messages:s}),r}i(ym,"generateWarnings");function Hr(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(Hr,"handleQuoteErrors");function Ka(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:a,setQuoteWarningsConfirmed:s,resetAlerts:l}=K(),{slippage:p,customSlippage:u}=h(),c=h().getDisabledLiquiditySources(),m=h().blockchains(),d=h().tokens(),{findToken:f}=h(),g=u||p,{fetch:S,cancelFetch:C,loading:y}=hm();return EC(()=>C,[]),{loading:y,fetch:i(async k=>{let v=k.selectedWallets,E=k?.customDestination??a;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let x=v.reduce((w,b)=>(w[b.chain]=b.address,w),{}),L={requestId:r?.requestId||"",selectedWallets:x,destination:E||void 0};try{return await S(L,!0).then(w=>{let{result:b}=w;Qr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let A={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(A);let P={slippage:g.toString(),disabledSwappersGroups:c},Q=ym(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:m},findToken:f,selectedWallets:v,userSlippage:g});Q.quoteUpdate&&s(!1),l();let I=!!Q.balance,H=IC(o.toString(),b,Sp(v),P,!I,{blockchains:m,tokens:d});return{quote:A,swap:H,error:null,warnings:Q}})}catch(w){return Hr(w)}},"fetch"),cancelFetch:C}}i(Ka,"useConfirmSwap");var $C=WC("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Cm}`]:{width:"$48",height:"$48"}}),DC=Ja({flexGrow:1,paddingRight:"$10"}),FC=Ja({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),OC=Ja({display:"flex",justifyContent:"space-between",alignItems:"center"});function Tm(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:a}=K(),s=_C(),[l,p]=ln(""),u=!n,[c,m]=ln(!1),[d,f]=ln(!1),{isActiveTab:g}=ie(),S=h().getDisabledLiquiditySources(),C=PC(S),{manager:y}=AC(),{fetch:T,loading:k,cancelFetch:v}=Ka(),[E,x]=ln({swap:null,error:null,warnings:null}),[L,w]=ln(!1),b=i(async({selectedWallets:G,customDestination:ee})=>{let W=await T?.({selectedWallets:G,customDestination:ee});return x(W),W},"onConfirmSwap"),A=i(async()=>{if(E.swap&&n)try{await y?.create("swap",{swapDetails:E.swap},{id:E.swap.requestId});let G=`../${z.swaps}/${E.swap.requestId}`;s(G,{replace:!0}),setTimeout(()=>{e("")},0)}catch(G){p("Error: "+G?.message)}},"addNewSwap"),P=i(async()=>{f(!0),await A(),f(!1)},"onConfirm"),Q=i(async()=>{E?.warnings?.quote&&!a?w(!0):await P()},"onStartConfirmSwap"),I=i(async()=>{x({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:r}).then(G=>{x(G)}).catch(G=>console.error(G))},"onRefresh");Gr(()=>{!!C.current.length&&!S.length&&I(),C.current=S},[S.length]),Gr(()=>{u&&v()},[u]),Gr(()=>{u&&m(u)},[u]),Gr(()=>{u||T({selectedWallets:o,customDestination:r}).then(G=>x(G)).catch(G=>console.error(G))},[]),BC(()=>{t?.requestId||s(`../${location.search}`)},[t?.requestId]);let H=E.warnings?.quote??null,Y=E.error,pe=[];if(l&&pe.push(xe.createElement(Sm,{type:"error",variant:"alarm",title:l})),E.warnings?.quoteUpdate&&pe.push(xe.createElement(Sm,{variant:"alarm",type:"warning",title:E.warnings.quoteUpdate&&tr(E.warnings.quoteUpdate)})),H||Y){let G=`../${z.settings}`;pe.push(xe.createElement(Ro,{warning:H,error:Y,couldChangeSettings:!1,refetchQuote:I,showWarningModal:L,confirmationDisabled:!g,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:async()=>{w(!1),await A()},onChangeSettings:()=>s(G)}))}return xe.createElement(le,{header:{title:Ya.t("Confirm Swap"),onWallet:()=>{let G=`../${z.wallets}`;s(G)}},footer:xe.createElement($C,null,xe.createElement("div",{className:DC()},xe.createElement(NC,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k||d,disabled:!!E.error||!g,onClick:Q},Ya.t("Start Swap"))),xe.createElement(Cm,{variant:"contained",type:"primary",size:"large",loading:k||d,disabled:!g,onClick:m.bind(null,!0)},xe.createElement(LC,{size:24})))},c&&xe.createElement(Rc,{open:c,onClose:()=>m(!1),onCancel:v,loading:k,onCheckBalance:b}),xe.createElement(me,null,xe.createElement("div",{className:OC()},xe.createElement(MC,{variant:"title",size:"small"},Ya.t("You get")),xe.createElement("div",{className:FC()},xe.createElement(dr,{onClick:!k&&!c&&!L?I:void 0}))),xe.createElement(Za,{size:"12"}),Rp(pe.map((G,ee)=>({element:G,key:`alert-${ee}`})),xe.createElement(Za,{size:10})),pe.length>0?xe.createElement(Za,{size:10}):null,xe.createElement(mo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:E.error,loading:k,warning:E.warnings?.quote??null})))}i(Tm,"ConfirmSwapPage");import{i18n as Xr}from"@lingui/core";import{useManager as tT}from"@rango-dev/queue-manager-react";import{Divider as Mm,NotFound as oT,styled as nT}from"@rango-dev/ui";import Lt,{useState as rT}from"react";import{useNavigate as iT}from"react-router-dom";import{i18n as qC}from"@lingui/core";import{Divider as bm,GroupedVirtualizedList as QC,Skeleton as HC,SwapListItem as Im,Typography as GC}from"@rango-dev/ui";import $e,{useCallback as Em,useEffect as VC,useRef as XC,useState as jC}from"react";function km(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(km,"calculateGroupsSoFar");import{css as UC,darkTheme as zC,styled as pn}from"@rango-dev/ui";var Ra=UC(),wm=pn("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),es=pn("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ra}`]:{$$color:"$colors$neutral600",[`.${zC} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ts=pn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),vm=pn("div",{gap:"$10",display:"flex",flexDirection:"column"}),xm=pn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var KC=10;function os(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[a,s]=jC([]),l=XC(0),{swaps:p,groupCounts:u,groups:c}=n(e),m=Em(km,[]),d=Em(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,KC),s(m(u,l.current)))},[e.length]);if(VC(()=>{r||d()},[r,d]),r){let f=[1,2];return $e.createElement($e.Fragment,null,[f,f].map((S,C)=>$e.createElement(es,{key:C},$e.createElement(ts,null,$e.createElement(HC,{variant:"text",width:60,size:"small"}),$e.createElement(bm,{size:16})),$e.createElement(bm,{size:4}),$e.createElement(vm,null,S.map((T,k)=>$e.createElement(Im,{isLoading:!0,key:k}))))))}return $e.createElement(QC,{endReached:()=>{l.current<e.length&&d()},groupCounts:a,groupContent:f=>$e.createElement(es,null,$e.createElement(ts,null,$e.createElement(GC,{variant:"label",size:"medium",className:Ra()},c[f]))),itemContent:(f,g)=>{let S=p[f];if(!S)return null;let C=S.steps[0],y=S.steps[S.steps.length-1];return $e.createElement(wm,{key:S.requestId},$e.createElement(Im,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[g]===qC.t("Today"),swapTokenData:{from:{token:{image:C.fromLogo,displayName:C.fromSymbol},blockchain:{image:C.fromBlockchainLogo||""},amount:N(S.inputAmount,6,6),realAmount:ce(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:N(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:ce(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(os,"HistoryGroupedList");import{CloseIcon as ZC,IconButton as JC,SearchIcon as RC,TextField as eT}from"@rango-dev/ui";import cn from"react";import{styled as YC}from"@rango-dev/ui";var Am=YC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Mt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:a,value:s,setValue:l,...p}=t;return cn.createElement(eT,{prefix:cn.createElement(Am,null,cn.createElement(RC,{color:"black"})),suffix:!!s.length&&cn.createElement(JC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},cn.createElement(ZC,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:s,onChange:a,...p})}i(Mt,"SearchInput");import{i18n as Vr}from"@lingui/core";import Nm from"dayjs";var Wm=i(t=>{let e=new Map([["today",{title:Vr.t("Today"),swaps:[]}],["week",{title:Vr.t("This week"),swaps:[]}],["month",{title:Vr.t("This month"),swaps:[]}],["year",{title:Vr.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=Nm();t.forEach(p=>{let u=Number(p.creationTime),c=Nm(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 m=new Date(u).getFullYear().toString();o(m,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),a=r.flatMap(p=>p.swaps),s=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:a,groupCounts:s,groups:l}},"groupSwapsByDate");var aT=nT("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),sT=i((t,e)=>t?.length?t.filter(o=>gt(o.fromBlockchain,e)||gt(o.toBlockchain,e)||gt(o.toSymbol,e)||gt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Lm(){let t=iT(),{manager:e,state:o}=tT(),n=Je(e).map(({swap:c})=>c),[r,a]=rT(""),s=!o.loadedFromPersistor,l=i(c=>{let m=c.target.value;a(m)},"searchHandler"),p=n;r&&(p=n.filter(c=>gt(c.inputAmount,r)||gt(c.status,r)||sT(c.steps,r)||gt(c.requestId,r)));let u=!p?.length&&!s;return Lt.createElement(le,{header:{title:Xr.t("History")}},Lt.createElement(me,null,Lt.createElement(Mt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Xr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),Lt.createElement(Mm,{size:"16"}),Lt.createElement(aT,null,u&&Lt.createElement(xm,null,Lt.createElement(Mm,{size:32}),Lt.createElement(oT,{title:Xr.t("No results found"),description:r?Xr.t("Try using different keywords"):""})),!u&&Lt.createElement(os,{list:p,onSwapClick:t,groupBy:Wm,isLoading:s}))))}i(Lm,"HistoryPage");import{i18n as IT}from"@lingui/core";import{Button as ET,Divider as Ym,styled as AT,WarningIcon as NT}from"@rango-dev/ui";import WT from"bignumber.js";import Ue,{useEffect as Zm,useState as Jm}from"react";import{useNavigate as MT}from"react-router-dom";import{i18n as dT}from"@lingui/core";import{Header as fT}from"@rango-dev/ui";import Xt,{useEffect as gT,useState as hT}from"react";import{i18n as pT}from"@lingui/core";import{Divider as rs,FullExpandedQuote as cT,Typography as uT}from"@rango-dev/ui";import ge from"react";import{styled as ns}from"@rango-dev/ui";var Bm=ns("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Pm=ns("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),_m=ns("div",{width:"146px"});import{i18n as un}from"@lingui/core";import{Select as lT}from"@rango-dev/ui";import $m from"react";function jr(t){let{updateQuotePartialState:e,sortStrategy:o}=K(),n=[{value:"SMART",label:un.t("Smart Routing")},{value:"FEE",label:un.t("Lowest Fee")},{value:"SPEED",label:un.t("Fastest Transfer")},{value:"NET_OUTPUT",label:un.t("Maximum Return")},{value:"PRICE",label:un.t("Maximum Output")}];return $m.createElement(_m,null,$m.createElement(lT,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(jr,"SelectStrategy");var Dm=3;function mn(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:a=!0,fullExpandedMode:s=!1,container:l}=t,{selectedQuote:p,quotes:u,updateQuotePartialState:c,fromToken:m,toToken:d,sortStrategy:f,error:g}=K(),{slippage:S,customSlippage:C}=h(),{findToken:y}=h(),T=l||B(),k=!!u&&u.results.length,v=C??S,E=i(w=>{if(!m||!d||!u)return null;let b={requestAmount:u.requestAmount,...w};return Co(b,{fromToken:m,toToken:d,userSlippage:v,findToken:y})},"getQuoteWarning"),x=g?.type===0||g?.type===1,L=u?.results?Jn(f,u?.results):[];return ge.createElement(ge.Fragment,null,a&&ge.createElement(ge.Fragment,null,ge.createElement(Pm,null,ge.createElement(uT,{size:"xmedium",variant:"title"},pT.t("Sort by")),ge.createElement(jr,{container:T})),ge.createElement(rs,{size:"10"})),e&&Array.from({length:Dm},(w,b)=>ge.createElement(ge.Fragment,{key:b},s?ge.createElement(cT,{loading:!0}):ge.createElement(sn,{tagHidden:!1,type:"list-item",expanded:!1}),b!==Dm-1&&ge.createElement(rs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,k?L.map((w,b)=>{let A=E(w),P=ja(w.swaps),Q=L.length-1===b;return ge.createElement(ge.Fragment,{key:w.requestId},ge.createElement(mo,{showModalFee:r,container:T,selected:p?.requestId===w.requestId,tagHidden:!1,quote:{...w,requestAmount:u.requestAmount},loading:e,error:P?.options||null,warning:A,fullExpandedMode:s,onClick:I=>{P||c("warning",A),c("error",P?.options||null),o(I)},type:"list-item"}),!Q&&ge.createElement(rs,{size:16}))}):x&&ge.createElement(Bm,null,ge.createElement(Zo,{size:s?"large":"small",error:g,fetch:n}))))}i(mn,"Quotes");import{darkTheme as mT,styled as Fm}from"@rango-dev/ui";var Om=Fm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${mT} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Um=Fm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var yT=100;function is(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:a}=t,[s,l]=hT(!1),p=s?"":"is-hidden",{config:u}=h(),c=u?.variant==="full-expanded",m=Fo();return gT(()=>{let d=null;return a?d=setTimeout(()=>{l(!0)},yT):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[a]),Xt.createElement(Om,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${hr()}`,id:Se.EXPANDED_BOX_ID},Xt.createElement(fT,{title:dT.t("Routes"),suffix:Xt.createElement(Xt.Fragment,null,Xt.createElement(jr,{container:m}),Xt.createElement(ao,{container:m,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Xt.createElement(Um,null,Xt.createElement(mn,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Fo(),onClickOnQuote:n,fullExpandedMode:c})))}i(is,"ExpandedQuotes");import{i18n as Xm}from"@lingui/core";import{SwapInput as jm}from"@rango-dev/ui";import dn from"react";import{ReverseIcon as TT}from"@rango-dev/ui";import ss from"react";import{keyframes as ST,styled as zm}from"@rango-dev/ui";var as=450,CT=ST({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),qm=zm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Qm=zm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${CT} ${as}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function ls(){let t=K.use.switchFromAndTo();return ss.createElement(qm,null,ss.createElement(Qm,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},as),t()}},ss.createElement(TT,{size:12})))}i(ls,"SwitchFromAndToButton");import{styled as Hm}from"@rango-dev/ui";var Gm=Hm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Vm=Hm("div",{position:"relative"});function ps(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:a,fromBlockchain:s,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:d,outputUsdValue:f,selectedQuote:g}=K(),{connectedWallets:S,getBalanceFor:C}=te(),y=a?C(a):null,T=Pn(y)?.amount??"0",k=s&&a?N(y?.amount,y?.decimals):"0",v=!!s&&Ml(S,s.name),E=!Ui(g,c,m),x=!Ui(g,c,f),L=!m||!f||!f.gt(0)?null:Ke(m.toString(),f.toString());return dn.createElement(Gm,null,dn.createElement(Vm,null,dn.createElement(jm,{label:Xm.t("From"),mode:"From",onInputChange:u,balance:T,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:E?void 0:N(m,4,4),realUsdValue:E?void 0:ce(m),error:E?oe().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:v,tooltipContainer:B(),onSelectMaxBalance:()=>{u(k.split(",").join(""))}}),dn.createElement(ls,null)),dn.createElement(jm,{sharpBottomStyle:!r&&(!!g||e),label:Xm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Ke(m,f),2,2),warningLevel:It(L??0),price:{value:N(d,6,6),usdValue:x?void 0:N(f,4,4),realValue:ce(d),realUsdValue:x?void 0:ce(f),error:x?oe().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(ps,"Inputs");import{useCallback as kT,useEffect as wT,useRef as vT,useState as xT}from"react";function Km(){let{fetch:t,loading:e,cancelFetch:o}=qr({request:async(n,r)=>await Ft().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Km,"useFetchAllQuotes");var bT=600;function Kr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Km(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:a}=h().config,s=te.use.connectedWallets(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:m,sortStrategy:d,resetQuote:f,error:g,warning:S,setSelectedQuote:C,updateQuotePartialState:y}=K(),{slippage:T,customSlippage:k,affiliatePercent:v,affiliateRef:E,affiliateWallets:x,fetchStatus:L}=h(),w=h().getLiquiditySources(),b=h().getDisabledLiquiditySources(),A=h().excludeLiquiditySources(),{findToken:P}=h(),[Q,I]=xT(!0),H=vT(u),Y=k??T,G=!l||!p||eo(l,p)||!zo(u),ee=i(Z=>{I(Z)},"resetState"),W=i(Z=>{let{fromToken:re,toToken:ke,inputAmount:_,liquiditySources:Fe,excludeLiquiditySources:ot,disabledLiquiditySources:fe,slippage:Oe,affiliateRef:vt,affiliatePercent:Ve,affiliateWallets:nt}=Z;if(Q||ee(!0),!G&&re&&ke){f();let rt=yp({fromToken:re,toToken:ke,inputAmount:_,liquiditySources:Fe,excludeLiquiditySources:ot,disabledLiquiditySources:fe,wallets:s,slippage:Oe,affiliateRef:vt,affiliatePercent:Ve,affiliateWallets:nt,enableCentralizedSwappers:a});Ql("experimentalRoute",r)&&(rt.experimental=!0),e(rt).then(dt=>{let ye=Jn(d,dt.results),M=Mp(m,ye,dt.requestAmount);I(!1),y("quotes",dt),C(M),Qr({diagnosisMessages:dt.diagnosisMessages,requestId:M?.requestId||"",swaps:M?.swaps});let V=M&&Co(M,{fromToken:re,toToken:ke,userSlippage:Y,findToken:P});y("warning",V)}).catch(dt=>{let{error:ye}=Hr(dt);(ye?.type===0||ye?.type===1)&&f(),ye?.type!==2&&(y("error",ye),I(!1))})}},"fetch"),U=kT(yl(Z=>{W(Z)},bT),[G]);return wT(()=>{if(!t){I(!1);return}if(L!=="success")return;if(G){I(!1),(m||g||S)&&f();return}if(!zo(u)||c?.eq(0)){ee(!1),o();return}f(),ee(!0);let Z=W;return H.current&&H.current!=u&&(Z=U),H.current=u,Z({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:A,disabledLiquiditySources:b,slippage:Y,affiliateRef:E,affiliatePercent:v,affiliateWallets:x}),o},[L,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,G,w?.length,n,b.length,Y,E,v,JSON.stringify(x)]),{fetch:()=>W({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:A,disabledLiquiditySources:b,slippage:Y,affiliateRef:E,affiliatePercent:v,affiliateWallets:x}),loading:Q}}i(Kr,"useSwapInput");var LT=AT("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),BT=300;function Rm(){let t=MT(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:a,error:s,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:m,updateQuotePartialState:d}=K(),[f,g]=Jm(!1),{isLargeScreen:S,isExtraLargeScreen:C}=Pr(),{fetch:y,loading:T}=Kr({refetchQuote:a}),{config:k,fetchStatus:v}=h(),{connectedWallets:E}=te(),{isActiveTab:x}=ie(),[L,w]=Jm(!1),A=up({fetchMetaStatus:v,fetchingQuote:T,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:s,warning:l,needsToWarnEthOnPath:!1}),P=Fl(S,C,k?.variant),Q=!!n&&!!e&&!!o&&new WT(n).gt(0)&&!Ip(e,o),I=Q&&v==="success"&&T,pe=(!P||P&&p?.results.length)&&(l||s);Zm(()=>{c(),d("refetchQuote",!0)},[]),Zm(()=>{g(Q)},[Q]);let G=(r||s)&&!L?y:void 0,ee=i(U=>{P&&f?(g(!1),setTimeout(()=>{t(U)},BT)):t(U)},"onHandleNavigation"),W=i(U=>{r?.requestId!==U.requestId&&(w(!1),u(U))},"onClickOnQuote");return Ue.createElement(LT,null,Ue.createElement(le,{height:"auto",footer:Ue.createElement(ET,{type:"primary",size:"large",disabled:A.disabled||!x,prefix:A.action==="confirm-warning"&&Ue.createElement(NT,null),fullWidth:!0,onClick:()=>{A.action==="connect-wallet"?ee(z.wallets):A.action==="confirm-warning"?w(!0):ee(z.confirmSwap)}},A.title),header:{onWallet:()=>{ee(z.wallets)},hasBackButton:!1,title:k.title||IT.t("Swap"),suffix:Ue.createElement(ao,{hidden:P?["refresh"]:void 0,onClickRefresh:G,onClickHistory:()=>ee(z.swaps),onClickSettings:()=>{ee(z.settings)}})}},Ue.createElement(me,null,Ue.createElement(ps,{fetchingQuote:I,fetchMetaStatus:v,isExpandable:P,onClickToken:U=>{ee(U==="from"?z.fromSwap:z.toSwap)}}),Ue.createElement(Ym,{size:"2"}),P?null:Ue.createElement(mo,{quote:r,loading:I,error:s,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{d("refetchQuote",!1),ee(z.routes)}:void 0}),pe?Ue.createElement(Ue.Fragment,null,Ue.createElement(Ym,{size:"10"}),Ue.createElement(Ro,{warning:l,error:s,couldChangeSettings:!0,refetchQuote:y,showWarningModal:L,confirmationDisabled:!x,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),m(!0),ee(z.confirmSwap)},onChangeSettings:()=>ee(z.settings)})):null)),P?Ue.createElement(is,{loading:I,onClickOnQuote:W,fetch:y,onClickRefresh:G,isVisible:f}):null)}i(Rm,"Home");import{i18n as ed}from"@lingui/core";import{Alert as PT,Divider as _T,List as $T,ListItemButton as DT,Radio as FT,RadioRoot as OT,Typography as UT}from"@rango-dev/ui";import Tt from"react";function jt(){let{setLanguage:t,language:e,config:o}=h(),n=Gl,r=o?.language||Qo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:a=>t(a||Qo),resetLanguage:()=>t(null)}}i(jt,"useLanguage");function td(){let{activeLanguage:t,changeLanguage:e,languages:o}=jt(),n=Ze(),r=o.map(a=>{let{local:s,label:l,SVGFlag:p}=a;return{id:s,value:s,title:Tt.createElement(UT,{variant:"title",size:"xmedium"},l),onClick:()=>{e(a.local),n()},end:Tt.createElement(FT,{value:s}),start:Tt.createElement(p,null)}});return Tt.createElement(le,{header:{title:ed.t("Language")}},Tt.createElement(me,null,Tt.createElement(PT,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),Tt.createElement(_T,{size:"8"}),Tt.createElement(OT,{value:t},Tt.createElement($T,{type:Tt.createElement(DT,{title:ed.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(td,"LanguagePage");import{i18n as Bt}from"@lingui/core";import{Button as GT,Checkbox as VT,Image as XT,ListItemButton as jT,NotFound as KT,Typography as YT}from"@rango-dev/ui";import De,{useState as ZT}from"react";import{Checkbox as QT,Skeleton as nd}from"@rango-dev/ui";import gn from"react";import{styled as cs}from"@rango-dev/ui";var fn=cs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),us=cs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ms=cs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as zT,styled as qT}from"@rango-dev/ui";var od=qT(zT,{height:61});var HT=30;function ds(){return gn.createElement(fn,null,Array.from(Array(HT),(t,e)=>gn.createElement(od,{hasDivider:!0,key:e,start:gn.createElement(nd,{variant:"circular",width:35,height:35}),title:gn.createElement(nd,{variant:"text",size:"large",width:90}),end:gn.createElement(QT,{checked:!1})})))}i(ds,"LoadingLiquiditySourceList");function fs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,a]=ZT(""),s=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=On(o,n),u={Exchanges:Bt.t("Exchanges"),Bridges:Bt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&c.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let m=p.filter(y=>c.includes(y.type)),d=m.length===m.filter(y=>y.selected).length,f=i(()=>{m.forEach(y=>{d?s(y.groupTitle):y.selected||s(y.groupTitle)})},"toggleAllSources"),g=m.map(y=>{let{selected:T,groupTitle:k,logo:v}=y;return{start:De.createElement(XT,{src:v,size:22,type:"circular"}),onClick:()=>{l||s(k)},end:De.createElement(VT,{checked:T,disabled:l}),title:De.createElement(YT,{variant:"title",size:"xmedium"},Bt.t(k)),...y}}),S=i(y=>{let T=y.target.value;a(T)},"searchHandler"),C=g;return r&&(C=g.filter(y=>gt(y.groupTitle,r))),De.createElement(le,{header:{title:Bt.t(t),suffix:De.createElement(us,null,De.createElement(GT,{variant:"ghost",size:"xsmall",onClick:f},d?Bt.t("Deselect all"):Bt.t("Select all")))}},De.createElement(me,{view:!0},De.createElement(Mt,{value:r,setValue:a,fullWidth:!0,color:"light",variant:"contained",placeholder:Bt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&De.createElement(ds,null),!C.length&&r?De.createElement(ms,null,De.createElement(KT,{title:Bt.t("No results found"),description:Bt.t("Try using different keywords")})):e==="success"&&De.createElement(fn,{disabled:l},C.map(y=>{let{groupTitle:T,...k}=y;return De.createElement(De.Fragment,{key:y.id},De.createElement(jT,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))}))))}i(fs,"LiquiditySourcePage");import{i18n as JT}from"@lingui/core";import Yr from"react";import{useNavigate as RT}from"react-router-dom";function rd(){let t=RT(),e=Ze(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:a,error:s}=K(),{fetch:l,loading:p}=Kr({refetchQuote:n}),u=i(d=>{r(d),a("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${z.settings}`,m=`../${z.wallets}`;return Yr.createElement(le,{header:{onWallet:()=>{t(m),a("refetchQuote",!0)},onBack:()=>{a("refetchQuote",!1)},title:JT.t("Routes"),suffix:Yr.createElement(ao,{onClickRefresh:o||s?l:void 0,hidden:["notifications","history"],onClickSettings:()=>{t(c),a("refetchQuote",!0)}})}},Yr.createElement(me,null,Yr.createElement(mn,{fetch:l,loading:p,onClickOnQuote:u})))}i(rd,"RoutesPage");import{i18n as md}from"@lingui/core";import{Divider as dd,getCategoriesCount as lk,SelectableCategoryList as pk}from"@rango-dev/ui";import Pt,{useState as fd}from"react";import{i18n as gs}from"@lingui/core";import{Divider as cd,Image as nk,ListItemButton as rk,NotFound as ik,Typography as ud}from"@rango-dev/ui";import Re,{useEffect as ak,useState as sk}from"react";var id=i((t,e,o)=>t.filter(n=>In(n.type,o)).filter(n=>xt(n.name,e)||xt(n.displayName,e)),"filterBlockchains");import{ImageContainer as ek,styled as ad}from"@rango-dev/ui";var sd=ad("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Zr=ad(jo,{padding:0,margin:0,listStyle:"none",[`& ${ek}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as tk,Skeleton as ld}from"@rango-dev/ui";import Jr from"react";var ok=20;function pd(){return Jr.createElement(Zr,null,Array.from(Array(ok),t=>Jr.createElement(tk,{key:t,hasDivider:!0,start:Jr.createElement(ld,{variant:"circular",width:35,height:35}),title:Jr.createElement(ld,{variant:"text",size:"large",width:90})})))}i(pd,"LoadingBlockchainList");function hs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[a,s]=sk(e),{fetchStatus:l}=h();ak(()=>{s([...id(e,o,r)])},[e,o,r]);let p=i(()=>!a.length&&o?Re.createElement(Re.Fragment,null,Re.createElement(cd,{size:32}),Re.createElement(ik,{title:gs.t("No results found"),description:gs.t("Try using different keywords")})):Re.createElement(Zr,{as:"ul",key:`${r}-${o}`},a.map(u=>Re.createElement(rk,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Re.createElement(nk,{src:u.logo,size:30}),title:Re.createElement(ud,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Re.createElement(sd,null,Re.createElement(ud,{variant:"label",size:"large"},gs.t("Select Blockchain")),Re.createElement(cd,{size:4}),l==="loading"&&Re.createElement(pd,null),l==="success"&&p())}i(hs,"BlockchainList");function ys(t){let{type:e}=t,o=Ze(),[n,r]=fd(""),[a,s]=fd("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),u=h().fetchStatus,c=h().blockchains({type:e}),d=lk(c)!==1;return Pt.createElement(le,{header:{title:md.t("Select Blockchain")}},Pt.createElement(me,{view:!0},d&&Pt.createElement(Pt.Fragment,null,Pt.createElement(pk,{setCategory:s,category:a,blockchains:c,isLoading:u==="loading"}),Pt.createElement(dd,{size:24})),Pt.createElement(Mt,{value:n,autoFocus:!0,placeholder:md.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Pt.createElement(dd,{size:16}),Pt.createElement(hs,{list:c,searchedFor:n,blockchainCategory:a,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ys,"SelectBlockchainPage");import{i18n as ni}from"@lingui/core";import{Divider as _d}from"@rango-dev/ui";import fo,{useState as Ik}from"react";import{useNavigate as Ek}from"react-router-dom";import{i18n as Ts}from"@lingui/core";import{BlockchainsChip as Rr,Divider as Sd,Image as Cd,Skeleton as fk,Tooltip as gk,Typography as ks}from"@rango-dev/ui";import Ne from"react";import{useEffect as mk}from"react";var gd=["ETH","COSMOS","OSMOSIS"];function Ss(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ck),o?.limit&&t.length>o.limit){let a=o.limit,s=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];s=s.filter(c=>u.name!==c)}}n.sort(uk(s)),r=n.splice(a)}return{list:n,more:r}}i(Ss,"prepare");function ck(t,e){let o=gd,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),a=n>-1,s=r>-1;return a&&s?n>r?1:-1:a?-1:s?1:0}i(ck,"sortByMostUsedBlockchains");function uk(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),a=t.findIndex(p=>p===n.name),s=r>-1,l=a>-1;return s&&l?r>a?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(uk,"generateSortByPreferredBlockchainsFor");function hd(t,e){return!!e.list.find(o=>o.name===t)}i(hd,"isInVisibleList");function Cs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();mk(()=>{if(e?.selected){let a=Ss(t,o,e);hd(e.selected,a)||n(e?.selected)}},[e?.selected]);let r=Ss(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Cs,"usePrepareBlockchainList");import{styled as dk}from"@rango-dev/ui";var yd=dk("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var hk=12;function ws(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:a}=t,s=Cs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),u=K.use.resetFromBlockchain(),c=s.more.length>0,m=s.more.length===1,d=!m&&c;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Sd,{size:12}),Ne.createElement(ks,{variant:"label",size:"large"},Ts.t("Select Blockchain")),Ne.createElement(Sd,{size:12}),Ne.createElement(yd,null,l==="loading"&&Array.from(Array(hk),f=>Ne.createElement(fk,{key:f,variant:"rounded",height:50})),l==="success"&&Ne.createElement(Ne.Fragment,null,Ne.createElement(Rr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ne.createElement(ks,{variant:"body",size:"xsmall",color:"secondary500"},Ts.t("All"))),s.list.map(f=>Ne.createElement(gk,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:B()},Ne.createElement(Rr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Ne.createElement(Cd,{src:f.logo,size:30})))),m?Ne.createElement(Rr,{key:s.more[0].name,selected:!!n&&n.name===s.more[0].name,onClick:()=>r(s.more[0])},Ne.createElement(Cd,{src:s.more[0].logo,size:30})):null,d?Ne.createElement(Rr,{onClick:a,key:"more-blockchains"},Ne.createElement(ks,{variant:"body",size:"xsmall",color:"secondary500"},Ts._("More +{count}",{count:s.more.length}))):null)))}i(ws,"BlockchainsSection");import{i18n as Ls}from"@lingui/core";import{darkTheme as Wd,Divider as Po,ExternalLinkIcon as Ck,Image as Tk,ListItemButton as kk,NotFound as wk,PinIcon as vk,Skeleton as Md,Typography as oi,VirtualizedList as xk}from"@rango-dev/ui";import j,{useEffect as Ld,useState as Bd}from"react";import{Divider as Ad,ListItem as Sk,Skeleton as hn}from"@rango-dev/ui";import ct from"react";import{css as Bo,darkTheme as Td,ImageContainer as yk,styled as et,Typography as kd}from"@rango-dev/ui";var vs=Bo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),xs=Bo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),bs=Bo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Is=Bo({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Td} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Es=Bo({}),As=Bo(),wd=et("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ns=et("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),ei=et("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${xs}`]:{[`& .${Is}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Es}`]:{bottom:"-15px"},[`& .${vs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${bs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ws=et("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=et(kd,{}),vd=et("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${As}`]:{$$color:"$colors$neutral600",[`.${Td} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ti=et("div",{display:"flex",alignItems:"end",flexDirection:"column"}),ZO=et("div",{display:"flex",alignItems:"center"}),xd=et("div",{position:"relative",[`& ${yk}`]:{borderRadius:"$xm",overflow:"hidden"}}),bd=et("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Id=et(kd,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),Ed=et("a",{"& svg:hover":{color:"$colors$info"}});function Nd(t){return ct.createElement(ei,null,Array.from(Array(t.size),e=>ct.createElement(Sk,{key:e,hasDivider:!0,start:ct.createElement(hn,{variant:"circular",width:35,height:35}),end:ct.createElement(ti,null,ct.createElement(hn,{variant:"text",size:"large",width:70}),ct.createElement(Ad,{size:4}),ct.createElement(hn,{variant:"text",size:"medium",width:50})),title:ct.createElement("div",null,ct.createElement(hn,{variant:"text",size:"large",width:90}),ct.createElement(Ad,{size:4}),ct.createElement(hn,{variant:"text",size:"medium",width:90}))})))}i(Nd,"LoadingTokenList");var Bs=20,bk=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:a,customCssForTagTitle:s}=t,l=e.length;return j.createElement("div",{className:xs()},o?j.createElement("div",{className:vs()},o):j.createElement(Ns,{className:bs()},j.createElement(oi,{variant:"title",size:"xmedium"},r.symbol),j.createElement(Po,{direction:"horizontal",size:4}),j.createElement(Ws,{css:a},j.createElement(Ms,{variant:"body",size:"xsmall",css:s},r.blockchain))),!!e&&j.createElement("div",{className:`${Is()} ${!o&&Es()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",j.createElement(Po,{size:4,direction:"horizontal"}),j.createElement(Ed,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},j.createElement(Ck,{size:12}))))},"renderDesc");function Pd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[a,s]=Bd(e),l=h().fetchStatus,p=h().blockchains(),[u,c]=Bd(!0),{getBalanceFor:m,loading:d}=te(),{isTokenPinned:f}=h(),g=i(()=>{s(e.slice(0,a.length+Bs))},"loadNextPage");Ld(()=>{c(e.length>a.length)},[a.length]),Ld(()=>{s(e.slice(0,Bs))},[e.length]);let S=i(()=>!a.length&&o?j.createElement(j.Fragment,null,j.createElement(Po,{size:32}),j.createElement(wk,{title:Ls.t("No results found"),description:Ls.t("Try using different keywords")})):j.createElement(xk,{endReached:u?g:void 0,itemContent:C=>{let y=a[C],T=Pn(m(y)),k=y.address||"",v=p.find(w=>w.name===y.blockchain),E=ea(v.color,"main"),x={$$color:E.main250,[`.${Wd} &`]:{$$color:E.main850},backgroundColor:"$$color"},L={$$color:E.main600,[`.${Wd} &`]:{$$color:E.main200},color:"$$color"};return j.createElement("div",{style:{paddingRight:5}},j.createElement(kk,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":C,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(a[C]),start:j.createElement(xd,null,j.createElement(Tk,{src:y.image,size:30}),f(y,t.type)&&j.createElement(bd,null,j.createElement(vk,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||y.name||!y.name&&!k?j.createElement(Ns,null,j.createElement(oi,{variant:"title",size:"xmedium"},y.symbol),j.createElement(Po,{direction:"horizontal",size:4}),j.createElement(Ws,{css:x},j.createElement(Ms,{variant:"body",size:"xsmall",css:L},y.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?bk({address:k,token:a[C],customCssForTag:x,customCssForTagTitle:L,name:y.name,url:v.info.addressUrl.split("{wallet}").join(k)}):y.name||void 0,end:d?j.createElement(ti,null,j.createElement(Md,{variant:"text",size:"large",width:70}),j.createElement(Po,{size:4}),j.createElement(Md,{variant:"text",size:"medium",width:50})):T&&j.createElement(vd,null,j.createElement(Id,{variant:"title",size:"small"},T.amount),j.createElement("div",null),T.usdValue&&j.createElement(oi,{variant:"body",className:As(),size:"xsmall"},`$${T.usdValue}`))}))},totalCount:a.length,key:`${r}-${o}`}),"renderList");return j.createElement(wd,null,j.createElement(oi,{variant:"label",size:"large"},Ls.t("Select Token")),j.createElement(Po,{size:4}),l==="loading"&&j.createElement(Nd,{size:Bs}),l==="success"&&j.createElement(ei,{as:"ul"},S()))}i(Pd,"TokenList");function Ps(t){let{type:e}=t,o=Ek(),n=Ze(),{fromBlockchain:r,toBlockchain:a,setFromToken:s,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=K(),c=te.use.getBalanceFor(),[m,d]=Ik(""),g=(e==="source"?r:a)?.name??"",S=h().blockchains({type:e}),C=h().tokens({type:e,blockchain:g,searchFor:m,getBalanceFor:c}),y=i(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),T=i(v=>{e==="source"?s({token:v,meta:{blockchains:S,tokens:C}}):l({token:v,meta:{blockchains:S,tokens:C}})},"updateToken"),k={source:ni.t("Source"),destination:ni.t("Destination")};return fo.createElement(le,{header:{title:ni.t("Swap {type}",{type:k[e]})}},fo.createElement(me,null,fo.createElement(ws,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:a,onMoreClick:()=>o(z.blockchains),onChange:v=>{y(v)}}),fo.createElement(_d,{size:24}),fo.createElement(Mt,{value:m,autoFocus:!0,placeholder:ni.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>d(""),onChange:v=>d(v.target.value)}),fo.createElement(_d,{size:16}),fo.createElement(Pd,{list:C,selectedBlockchain:g,searchedFor:m,type:e,onChange:v=>{T(v);let E=S.find(x=>v.blockchain===x.name);E&&y(E),n()}})))}i(Ps,"SelectSwapItemsPage");import{i18n as Fs}from"@lingui/core";import{Alert as Jk,Button as Rk,styled as ew}from"@rango-dev/ui";import go from"react";import{useInRouterContext as tw,useSearchParams as ow}from"react-router-dom";import{i18n as zd}from"@lingui/core";import{Divider as Mk,InfoIcon as Lk,TextField as Bk,Tooltip as Pk,Typography as qd}from"@rango-dev/ui";import ut from"react";import{Chip as Ak,styled as yn,TextField as Nk}from"@rango-dev/ui";var $d=yn("div",{paddingTop:"$5",padding:"$10 $5"}),Dd=yn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Nk}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Fd=yn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),ri=yn("div",{maxWidth:"280px",padding:"$10"}),Od=yn(Ak,{width:"61px",flexShrink:0});import{i18n as _s}from"@lingui/core";import{Typography as Wk}from"@rango-dev/ui";import Sn from"react";function Ud(){return Sn.createElement(ri,null,Sn.createElement(Wk,{variant:"label",size:"medium",color:"neutral700"},_s.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Sn.createElement("br",null),Sn.createElement("br",null),Sn.createElement("b",null,_s.t("Warning")),":",_s.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(Ud,"SlippageTooltipContent");function $s(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return ut.createElement($d,null,ut.createElement(Fd,null,ut.createElement(qd,{variant:"title",size:"xmedium"},zd.t("Slippage tolerance per swap")),ut.createElement(Mk,{direction:"horizontal",size:4}),ut.createElement(Pk,{container:B(),side:"top",sideOffset:4,content:ut.createElement(Ud,null)},ut.createElement(Lk,{color:"gray"}))),ut.createElement(Dd,null,Vl.map((r,a)=>{let s=`slippage-${a}`;return ut.createElement(Od,{key:s,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),ut.createElement(Bk,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o===null?"":o,color:"dark",onChange:r=>{let a=r.target.value,s=parseFloat(a);s>=Yl&&s<=Kl?n(s):n(null)},suffix:o&&ut.createElement(qd,{variant:"body",size:"small"},"%"),placeholder:zd.t("Custom")})))}i($s,"Slippage");import{i18n as kt}from"@lingui/core";import{AutoThemeIcon as Qd,BridgesIcon as _k,ChevronRightIcon as Ds,DarkModeIcon as Hd,Divider as ii,ExchangeIcon as $k,InfinityIcon as Dk,InfoIcon as Fk,LanguageIcon as Ok,LightModeIcon as Gd,List as Uk,ListItem as zk,ListItemButton as qk,Skeleton as Qk,styled as Hk,Switch as Gk,Tabs as Vk,Tooltip as Xk,Typography as tt}from"@rango-dev/ui";import O from"react";import{useNavigate as jk}from"react-router-dom";var Kk=Hk("div",{width:"202px",height:"$40"}),Yk=[{id:"light",icon:O.createElement(Gd,{color:"black",size:24}),tooltip:O.createElement(tt,{size:"xsmall",variant:"body"},kt.t("Light"))},{id:"dark",icon:O.createElement(Hd,{color:"black",size:24}),tooltip:O.createElement(tt,{size:"xsmall",variant:"body"},kt.t("Dark"))},{id:"auto",icon:O.createElement(Qd,{color:"black",size:24}),tooltip:O.createElement(tt,{size:"xsmall",variant:"body"},kt.t("Auto"))}],Zk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return O.createElement(Qd,{...e});case"dark":return O.createElement(Hd,{...e});default:return O.createElement(Gd,{...e})}},"getThemeIcon");function Vd(){let t=jk(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),{activeLanguage:r,languages:a}=jt(),s=a.find(H=>H.local===r)?.label,l=h().fetchStatus,p=h().swappers(),u=h().getDisabledLiquiditySources(),{config:{features:c}}=h(),m=je("theme",c),d=je("liquiditySource",c),f=je("language",c),g=h().infiniteApprove,S=h().toggleInfiniteApprove,C=On(p,u),y=C.filter(H=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(H.type)),T=y.length,k=y.filter(H=>H.selected).length,v=C.filter(H=>H.type==="DEX"),E=v.length,x=v.filter(H=>H.selected).length,L=i((H,Y)=>{switch(l){case"loading":return O.createElement(Qk,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(tt,{variant:"body",size:"medium",color:"$error500"},kt.t("Loading failed"));default:return O.createElement(tt,{variant:"body",size:"medium"},`${H} / ${Y}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:O.createElement(tt,{variant:"title",size:"xmedium"},kt.t("Bridges")),end:O.createElement(O.Fragment,null,L(k,T),O.createElement(ii,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),onClick:()=>t(z.bridges),start:O.createElement(_k,{color:"gray",size:16})},b={id:"exchange-item",title:O.createElement(tt,{variant:"title",size:"xmedium"},kt.t("Exchanges")),end:O.createElement(O.Fragment,null,L(x,E),O.createElement(ii,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),start:O.createElement($k,{color:"gray",size:16}),onClick:()=>t(z.exchanges)},A={id:"language-item",title:O.createElement(tt,{variant:"title",size:"xmedium"},kt.t("Language")),start:O.createElement(Ok,{color:"gray",size:16}),end:O.createElement(O.Fragment,null,O.createElement(tt,{variant:"body",size:"medium"},s),O.createElement(ii,{direction:"horizontal",size:8}),O.createElement(Ds,{color:"black"})),onClick:()=>t(z.languages)},P={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(tt,{variant:"title",size:"xmedium"},kt.t("Infinite approval")),O.createElement(ii,{direction:"horizontal",size:4}),O.createElement(Xk,{side:"top",sideOffset:4,container:B(),content:O.createElement(ri,null,O.createElement(tt,{variant:"label",size:"medium",color:"neutral700"},kt.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.")))},O.createElement(Fk,{color:"gray"}))),start:O.createElement(Dk,{color:"gray",size:16}),end:O.createElement(Gk,{checked:g}),onClick:S},Q={id:"theme-item",type:O.createElement(zk,null),title:O.createElement(tt,{variant:"title",size:"xmedium"},kt.t("Theme")),end:O.createElement(Kk,null,O.createElement(Vk,{container:B(),items:Yk,value:n,onChange:H=>o(H.id),type:"primary",borderRadius:"small"})),start:Zk(n)},I=d?[]:[w,b];return f||I.push(A),I.push(P),!e?.singleTheme&&!m&&I.push(Q),O.createElement(Uk,{type:O.createElement(qk,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:I})}i(Vd,"SettingsLists");var nw=ew("div",{paddingLeft:"$8"});function Xd(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=ow(),r=tw(),a=i(()=>{r&&o&&(n(s=>(s.delete("liquiditySources"),s),{replace:!0}),e("liquiditySources",void 0))},"onClick");return go.createElement(le,{header:{title:Fs.t("Settings")}},go.createElement(me,null,o&&go.createElement(Jk,{type:"info",variant:"alarm",title:Fs.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:go.createElement(nw,null,go.createElement(Rk,{type:"secondary",size:"small",onClick:a},Fs.t("Reset")))}),go.createElement($s,null),go.createElement(Vd,null)))}i(Xd,"SettingsPage");import{i18n as Hw}from"@lingui/core";import{cancelSwap as Gw}from"@rango-dev/queue-manager-rango-preset";import{useManager as Vw}from"@rango-dev/queue-manager-react";import{Alert as Xw}from"@rango-dev/ui";import tl from"react";import{useParams as jw}from"react-router-dom";import{i18n as wt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as bw,getCurrentStep as Iw,getRelatedWalletOrNull as Ew}from"@rango-dev/queue-manager-rango-preset";import{Button as bf,CopyIcon as Aw,Divider as Nw,IconButton as Ww,QuoteCost as Mw,RangoExplorerIcon as Lw,StepDetails as Bw,Tooltip as Pw,Typography as ho,useCopyToClipboard as _w}from"@rango-dev/ui";import{useWallets as $w}from"@rango-dev/wallets-react";import If from"bignumber.js";import{PendingSwapNetworkStatus as fi}from"rango-types";import R,{useEffect as Ef,useRef as Dw,useState as Af}from"react";import{useNavigate as Fw}from"react-router-dom";import{i18n as Kt}from"@lingui/core";var rw=[Kt.t("Sunday"),Kt.t("Monday"),Kt.t("Tuesday"),Kt.t("Wednesday"),Kt.t("Thursday"),Kt.t("Friday"),Kt.t("Saturday")];function jd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Kt.t("Today"):`${rw[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(jd,"timeSince");function Kd(t){return t.finishTime?jd(parseInt(t.finishTime)):jd(parseInt(t.creationTime))}i(Kd,"getSwapDate");import{PendingSwapNetworkStatus as li}from"rango-types";import pi from"react";import{i18n as ai}from"@lingui/core";import{Button as Yd,Divider as Os,MessageBox as iw}from"@rango-dev/ui";import Yt from"react";var Zd=i(({onCancel:t,onClose:e})=>Yt.createElement(Yt.Fragment,null,Yt.createElement(Os,{size:20}),Yt.createElement(iw,{type:"error",title:ai.t("Cancel Swap"),description:ai.t("Are you sure you want to cancel this swap?")}),Yt.createElement(Os,{size:32}),Yt.createElement(Yd,{variant:"contained",type:"primary",size:"large",onClick:t},ai.t("Yes, Cancel it")),Yt.createElement(Os,{size:12}),Yt.createElement(Yd,{variant:"outlined",type:"primary",size:"large",onClick:e},ai.t("No, Continue"))),"CancelContent");import{i18n as si}from"@lingui/core";import{Button as Jd,Divider as Us,MessageBox as aw,Typography as sw}from"@rango-dev/ui";import _t from"react";var Rd=i(({onDelete:t,onClose:e})=>_t.createElement(_t.Fragment,null,_t.createElement(Us,{size:20}),_t.createElement(aw,{type:"error",title:si.t("Delete Transaction"),description:si.t("Are you sure you want to delete this swap?")}),_t.createElement(Us,{size:32}),_t.createElement(Jd,{variant:"contained",type:"primary",size:"large",onClick:t},si.t("Yes, Delete it")),_t.createElement(Us,{size:12}),_t.createElement(Jd,{variant:"outlined",type:"primary",size:"large",onClick:e},_t.createElement(sw,{variant:"title",size:"medium",color:"primary"},si.t("No, Cancel")))),"DeleteContent");import{i18n as zs}from"@lingui/core";import{PendingSwapNetworkStatus as qs}from"rango-types";var Qs={[qs.WaitingForNetworkChange]:{type:"loading",title:zs.t("Change Network")},[qs.WaitingForConnectingWallet]:{type:"warning",title:zs.t("Connect Wallet")},[qs.NetworkChanged]:{type:"success",title:zs.t("Network Changed")}};import{debug as of}from"@rango-dev/logging-core";import{MessageBox as lw,Wallet as pw}from"@rango-dev/ui";import{useWallets as cw}from"@rango-dev/wallets-react";import _o,{useState as uw}from"react";import{styled as ef}from"@rango-dev/ui";var tf=ef("div",{display:"flex",justifyContent:"center"}),Oz=ef("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var nf=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:a,walletButtonDisabled:s}=t,{connect:l,getWalletInfo:p,state:u}=cw(),[c,m]=uw(null),d=n?.walletType,f=d?Mi(u(d)):null,g=d?p(d):null;return _o.createElement(_o.Fragment,null,_o.createElement(lw,{type:e,title:o,description:r}),a&&!!d&&!!f&&!!g&&_o.createElement(tf,null,_o.createElement(pw,{container:B(),title:g.name,image:g.img,type:d,state:f,link:g.installLink,disabled:s,onClick:async()=>{g.namespaces?m({providerType:d,providerImage:g.img,availableNamespaces:g.namespaces,singleNamespace:g.singleNamespace}):l(d).catch(C=>of(C))}})),_o.createElement(lo,{open:!!c,onClose:()=>m(null),onConfirm:C=>{l(c?.providerType,void 0,C).catch(y=>of(y)),m(null)},image:c?.providerImage,namespaces:c?.availableNamespaces,singleNamespace:c?.singleNamespace}))},"WalletStateContent");function Hs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:a,message:s,walletButtonDisabled:l}=t,p=e===li.WaitingForNetworkChange||e===li.WaitingForConnectingWallet||e===li.NetworkChanged;return pi.createElement(ne,{open:!!e,onClose:o,container:document.getElementById(Se.SWAP_BOX_ID)||document.body},p&&pi.createElement(nf,{type:Qs[e].type,title:Qs[e].title,currentStepWallet:a,message:s,walletButtonDisabled:l,showWalletButton:e!==li.WaitingForNetworkChange}),e==="delete"&&pi.createElement(Rd,{onClose:o,onDelete:n}),e==="cancel"&&pi.createElement(Zd,{onClose:o,onCancel:r}))}i(Hs,"SwapDetailsModal");import{i18n as Cn}from"@lingui/core";import{Button as Gs,Divider as ci,MessageBox as rf,TokenAmount as mw,Typography as Vs}from"@rango-dev/ui";import Le from"react";import{useNavigate as dw}from"react-router-dom";function Xs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:a,realUsdValue:s,realValue:l,token:p,chain:u,percentageChange:c,description:m,diagnosisUrl:d}=t,f=dw();return Le.createElement(ne,{open:e,onClose:o,container:document.getElementById(Se.SWAP_BOX_ID)||document.body},n==="success"?Le.createElement(rf,{type:"success",title:Cn.t("Swap Successful")},Le.createElement(mw,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:a,realUsdValue:s,realValue:l},token:p,chain:u,percentageChange:c}),Le.createElement(ci,{size:12}),Le.createElement(Vs,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):Le.createElement(rf,{type:"error",title:Cn.t("Transaction Failed"),description:m}),Le.createElement(ci,{size:32}),n==="success"&&Le.createElement(Gs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Le.createElement(Vs,{variant:"title",size:"medium",color:"neutral100"},Cn.t("Done"))),Le.createElement(ci,{size:12}),d&&Le.createElement(Le.Fragment,null,Le.createElement(Gs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},Cn.t("Diagnosis")),Le.createElement(ci,{size:12})),Le.createElement(Gs,{variant:"outlined",type:"primary",size:"large",onClick:o},Le.createElement(Vs,{variant:"title",size:"medium",color:"primary"},Cn.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import xw from"react";import{i18n as Tw}from"@lingui/core";import{Alert as kf,IconButton as kw,LinkIcon as ww}from"@rango-dev/ui";import Zt,{Fragment as vw}from"react";import{Alert as hw,ChevronDownIcon as yw,IconButton as Sw}from"@rango-dev/ui";import Do,{useState as Cw}from"react";import{css as Tn,darkTheme as fw,styled as $t,Typography as gw}from"@rango-dev/ui";var af=$t("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ui=$t("div",{width:"100%"}),sf=$t(jo,{padding:"$0 $20 $20 $20"}),kq=$t("div",{display:"flex",flexDirection:"column",gap:"$10"}),lf=$t("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),wq=$t("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),$o=Tn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${fw} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),pf=Tn({padding:"$5 0"}),mi=Tn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),cf=Tn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),uf=Tn({width:"100%",padding:"0 $20 $10"}),mf=$t("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),df=$t("div",{display:"flex",flexDirection:"column",gap:"$5"}),di=$t(gw,{wordBreak:"break-word"});import{styled as js}from"@rango-dev/ui";var ff=js("div",{display:"flex",flexDirection:"column",gap:"$10"}),gf=js("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),hf=js("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function yf(t){let{message:e}=t,[o,n]=Cw(!1);return Do.createElement(hw,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&Do.createElement(Sw,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},Do.createElement(gf,{rotated:o},Do.createElement(yw,{size:12,color:"gray"}))),footer:Do.createElement(hf,{open:o},Do.createElement(di,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(yf,"FailedAlert");import{i18n as Sf}from"@lingui/core";import{Alert as Ks,Button as Cf}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import kn from"react";function Tf(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?kn.createElement(Ks,{type:"warning",title:n.shortMessage,action:kn.createElement(Cf,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(a=>{console.log(a)})}},Sf.t("Change"))}):r===Ys.WaitingForConnectingWallet?kn.createElement(Ks,{type:"warning",title:n.shortMessage,action:kn.createElement(Cf,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},Sf.t("Connect"))}):kn.createElement(Ks,{type:"warning",title:n.shortMessage})}i(Tf,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:a,hasAlreadyProceededToSign:s}=t,l=Vo(a),p=a.status==="waitingForApproval"&&!l,u=a.status==="running"&&!l,c=u&&!s||p&&!a.explorerUrl?.length;return Zt.createElement(ff,null,a.explorerUrl?.map((m,d,f)=>{let g=d+m.url,S=d===f.length-1,C=(S&&u||p)&&!c,y=S&&a.status==="failed";return Zt.createElement(vw,{key:g},Zt.createElement(kf,{type:S&&(C&&"loading"||y&&"error")||"success",title:m.description?`${m.description} Tx`:Tw.t("View transaction"),action:m.url&&Zt.createElement(kw,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},Zt.createElement(ww,{size:12}))}))}),c&&Zt.createElement(kf,{type:"loading",title:r.shortMessage}),a.status!=="failed"&&l&&Zt.createElement(Tf,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),a.status==="failed"&&Zt.createElement(yf,{message:r}))}i(Zs,"SwapDetailsAlerts");var wf=2e3;var vf=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((a,s)=>{let l=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:a.fromSymbol,image:a.fromLogo??""},chain:{displayName:Xe(a.fromBlockchain,e)??"",image:a.fromBlockchainLogo??""},price:{value:N(l,6,6),realValue:l}},to:{token:{displayName:a.toSymbol,image:a.toLogo},chain:{displayName:Xe(a.toBlockchain,e)??"",image:a.toBlockchainLogo??""},price:{value:N(a.outputAmount||a.expectedOutputAmountHumanReadable,6,6),realValue:a.outputAmount||a.expectedOutputAmountHumanReadable}},swapper:{displayName:Oo(a.swapperId,o),image:a.swapperLogo??"",type:a.swapperType},internalSwaps:a.internalSwaps?a.internalSwaps.map(p=>({from:{chain:{displayName:Xe(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Xe(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:Oo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:xw.createElement(Zs,{step:a,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function xf(t){if(Vo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(xf,"getStepState");function Js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:a,connect:s,getWalletInfo:l}=$w(),p=h().blockchains(),u=h().swappers(),{findToken:c}=h(),m=K.use.retry(),d=ie.use.isActiveTab(),f=Fw(),[g,S]=_w(wf),C=Dw(null),[y,T]=Af(null),[k,v]=Af(null),E=i(()=>{r(),T(null)},"onCancel"),x=Ee.use.getNotifications(),L=Ee.use.removeNotification(),w=x(),b=Iw(e),A=b?.networkStatus;Ef(()=>{w.find(M=>M.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(v(e.status),L(e.requestId)):k&&v(null))},[e.status,e.requestId]),Ef(()=>{G?T(fi.WaitingForNetworkChange):A===fi.WaitingForConnectingWallet||A===fi.NetworkChanged?T(A):T(null)},[A]);let P=vp(e),Q=b?bw(e,b):null,I=b?Ew(e,b):null,H=Kd(e),Y=xp(e),pe=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),G=A===fi.WaitingForNetworkChange&&!!Q&&!!I?.walletType&&(pe(I.walletType)||a(I.walletType,Q)),ee=G?s.bind(null,I.walletType,Q):void 0,W=wp(e,b),U=vf({swap:e,switchNetwork:ee,showNetworkModal:A,setNetworkModal:T,message:W,blockchains:p,swappers:u}),Z=U.length,[re,ke]=[e.steps[0],e.steps[Z-1]],_=ke.outputAmount||ke.expectedOutputAmountHumanReadable,Fe=e.steps.reduce((ye,M)=>ye+parseFloat(M.feeInUsd||""),0),ot=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,fe=N(parseFloat(N(_,6,6))*(ke.toUsdPrice||0),4,4),Oe=N(parseFloat(e.inputAmount)*(re.fromUsdPrice||0),4,4),vt=_?ce(new If(_).multipliedBy(ke.toUsdPrice||0)):"",Ve=ce(new If(e.inputAmount).multipliedBy(re.fromUsdPrice||0)),nt=Ke(Oe,fe),rt=W.detailedMessage.content||W.shortMessage,dt=e.status==="success"?wt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(_,6,6),token:U[Z-1].to.token.displayName,conciseAddress:_n(e.wallets[U[Z-1].to.chain.displayName]?.address||""),chain:U[Z-1].to.chain.displayName}}):R.createElement(df,null,R.createElement(ho,{variant:"body",size:"medium",color:"neutral700",align:"center"},rt?"":wt.t("Transaction was not sent."),P?`${wt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}})}`:""),rt&&R.createElement(di,{align:"center",variant:"body",size:"medium",color:"neutral700"},R.createElement("b",null,"Reason:")," ",rt));return R.createElement(le,{header:{title:wt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>T("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(xo,null,R.createElement(bf,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>T("delete")},R.createElement(ho,{size:"medium",variant:"label",color:"error"},wt.t("Delete"))))},footer:Y&&!k&&R.createElement(bf,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{let ye=Zn(e,p,c);m(ye),setTimeout(()=>{f("../../")},0)}},wt.t("Try again"))},R.createElement(me,{compact:!0,view:!0},R.createElement(ui,null,R.createElement("div",{className:$o()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${wt.t("Request ID")}:`),R.createElement("div",{className:mi()},R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(Ww,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(Aw,{size:16,color:"gray"})),R.createElement(mf,{target:"_blank",href:`${pl}/swap/${o}`},R.createElement(Pw,{container:B(),content:wt.t("View on Rango Explorer"),side:"bottom"},R.createElement(Lw,{size:20}))))),R.createElement("div",{className:$o()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${wt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},H))),R.createElement("div",{className:cf()},R.createElement(Mw,{fee:N(String(Fe),2,2),time:Uo(An(e.steps)),steps:Z}),R.createElement(tn,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Oe,realUsdValue:Ve,realValue:e.inputAmount},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:N(_,6,6),usdValue:fe,realUsdValue:vt,realValue:_},token:{displayName:U[Z-1].to.token.displayName,image:U[Z-1].to.token.image},chain:{image:U[Z-1].to.chain.image,displayName:U[Z-1].to.chain.displayName}},percentageChange:N(nt,2,2),warningLevel:It(nt??0)})),R.createElement("div",{className:uf()},R.createElement(ho,{variant:"title",size:"small"},wt.t("Swaps steps"))),R.createElement(Nw,{size:8}),R.createElement(sf,{ref:C},U.map((ye,M)=>{let V=M,X=xf(e.steps[M]),qe=X==="error"||X==="in-progress"||X==="warning"||X==="completed"&&M===U.length-1;return R.createElement(Bw,{key:V,step:ye,type:"swap-progress",ref:C,state:X,hasSeparator:M!==0,tabIndex:V,isFocused:qe,tooltipContainer:B()})}))),R.createElement(Hs,{state:y,onClose:()=>T(null),onCancel:E,onDelete:n,message:W.detailedMessage.content,currentStepWallet:I,walletButtonDisabled:!d}),R.createElement(Xs,{open:!!k,diagnosisUrl:ot,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:N(_,6,6),usdValue:fe,realUsdValue:vt,realValue:ce(_),percentageChange:N(nt,2,2),token:{displayName:U[Z-1].to.token.displayName,image:U[Z-1].to.token.image},chain:{image:U[Z-1].to.chain.image},description:dt}))}i(Js,"SwapDetails");import{i18n as hi}from"@lingui/core";import{Divider as Mf,NotFound as Qw,Skeleton as vn,Typography as yi}from"@rango-dev/ui";import he from"react";import{i18n as Ow}from"@lingui/core";import{Divider as Uw,Skeleton as zw,Typography as qw}from"@rango-dev/ui";import Te from"react";import{css as mt,styled as Rs}from"@rango-dev/ui";var Nf=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),wn=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),gi=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),PQ=mt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_Q=mt({display:"flex",justifyContent:"space-between",alignItems:"center"}),$Q=mt({paddingTop:"$15",display:"flex"}),DQ=mt({padding:"$15 $0"}),FQ=mt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),OQ=mt({paddingBottom:"$10"}),UQ=mt({display:"flex",justifyContent:"start",alignItems:"center"}),zQ=mt({paddingTop:"$5",display:"flex",alignItems:"center"}),qQ=mt({display:"flex",alignItems:"center"}),QQ=mt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wf=mt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function el(){return Te.createElement(Nf,null,Te.createElement(rn,{type:"swap-preview"}),Te.createElement("div",{className:"swaps-steps"},Te.createElement(qw,{variant:"title",size:"small"},Ow.t("Swaps steps"))),Te.createElement(Te.Fragment,null,Te.createElement(wn,null,Te.createElement(Ct,{separator:!1}),Te.createElement("div",{className:Wf()},Te.createElement(Uw,{direction:"horizontal",size:20}),Te.createElement(zw,{height:22,variant:"rectangular"}))),Te.createElement(gi,null),Te.createElement(wn,null,Te.createElement(Ct,{separator:!1})),Te.createElement(gi,null),Te.createElement(wn,null,Te.createElement(Ct,{separator:!1})),Te.createElement(gi,null),Te.createElement(wn,null,Te.createElement(Ct,{separator:!1}))))}i(el,"LoadingSwapDetails");function Lf(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:hi.t("Swap and Bridge"),suffix:he.createElement(xo,null)}},o&&he.createElement(af,null,he.createElement(ui,null,he.createElement("div",{className:$o()},he.createElement(yi,{variant:"label",size:"large",color:"neutral700"},`${hi.t("Request ID")}:`),he.createElement("div",{className:mi()},he.createElement(yi,{variant:"label",size:"small",color:"neutral700"},he.createElement(vn,{width:60,height:10,variant:"rounded"})),he.createElement(Mf,{direction:"horizontal",size:4}),he.createElement(vn,{width:16,height:16,variant:"rectangular"}),he.createElement(Mf,{direction:"horizontal",size:4}),he.createElement(vn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:$o()},he.createElement(yi,{className:pf(),variant:"label",size:"large",color:"neutral700"},he.createElement(vn,{width:60,height:10,variant:"rounded"})),he.createElement(yi,{variant:"label",size:"small",color:"neutral700"},he.createElement(vn,{width:60,height:10,variant:"rounded"})))),he.createElement(el,null)),!o&&he.createElement(lf,null,he.createElement(Qw,{title:hi.t("Not found"),description:hi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lf,"SwapDetailsPlaceholder");function Bf(){let{manager:t,state:e}=Vw(),o=!e.loadedFromPersistor,n=Je(t),{requestId:r}=jw(),a=Ze(),{fetchStatus:s}=h();if(!r)return tl.createElement(Xw,{containerStyles:{margin:"20px"},type:"error",title:Hw.t("The request ID is necessary to display the swap details.")});let l=o||s==="loading",p=r?n.find(({swap:d})=>d.requestId===r):void 0,u=i(()=>{if(p?.id){let d=t?.get(p.id);d&&Gw(d)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),a()}catch(d){console.log(d)}},"onDelete"),m=p?.swap;return!m||l?tl.createElement(Lf,{requestId:r,showSkeleton:l}):tl.createElement(Js,{swap:m,requestId:r,onCancel:u,onDelete:c})}i(Bf,"SwapDetailsPage");function Pf(){return Bp(),Ki(),Kw([{path:z.home,element:ze.createElement(Rm,null)},{path:z.routes,element:ze.createElement(rd,null)},{path:z.fromSwap,children:[{index:!0,element:ze.createElement(Ps,{type:"source"})},{path:z.blockchains,element:ze.createElement(ys,{type:"source"})}]},{path:z.toSwap,children:[{index:!0,element:ze.createElement(Ps,{type:"destination"})},{path:z.blockchains,element:ze.createElement(ys,{type:"destination"})}]},{path:z.settings,children:[{index:!0,element:ze.createElement(Xd,null)},{path:z.languages,element:ze.createElement(td,null)},{path:z.exchanges,element:ze.createElement(fs,{sourceType:"Exchanges"})},{path:z.bridges,element:ze.createElement(fs,{sourceType:"Bridges"})}]},{path:z.swaps,children:[{index:!0,element:ze.createElement(Lm,null)},{path:z.swapDetails,element:ze.createElement(Bf,null)}]},{path:z.wallets,element:ze.createElement(Qc,null)},{path:z.confirmSwap,element:ze.createElement(Tm,null)}])}i(Pf,"AppRoutes");import{useQueueManager as iv}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as av}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sv}from"rango-sdk";import{useContext as lv,useEffect as pv,useState as zf}from"react";import{globalCss as Yw}from"@rango-dev/ui";var _f=i(()=>Yw({"@import":"url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')"})(),"globalFont");function $f(){let{setWatermark:t}=ie();return{fetchApiConfig:i(async()=>{let o=await fetch(`${bt("BASE_URL")}/meta/dapp/config?apiKey=${bt("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($f,"useFetchApiConfig");import{useWallets as Zw}from"@rango-dev/wallets-react";import{useEffect as Jw,useRef as Rw}from"react";function Df(){let{connect:t,state:e}=Zw(),o=Rw({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",a=e(r);Jw(()=>{n==="success"&&r&&a.installed&&!a.connecting&&!a.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[a,n])}i(Df,"useForceAutoConnect");import{isApprovalTX as ev,MainEvents as Si,RouteEventType as Ff,StepEventType as Of,StepExecutionEventStatus as tv,useEvents as ov}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Uf}from"react";function ol(){let t=te.use.connectedWallets(),e=te.use.getWalletsDetails(),o=Ee.use.setNotification(),{findToken:n}=h(),r=ov();Uf(()=>{let a=i(s=>{let{event:l,step:p,route:u}=s;if(l.type===Of.TX_EXECUTION&&l.status===tv.TX_SENT&&!ev(p)||l.type===Of.SUCCEEDED){let m=t.find(f=>f.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(f=>f.chain===p?.toBlockchain);m&&e([m],n),d&&e([d],n)}o(l,u)},"handleStepEvent");return r.on(Si.StepEvent,a),()=>r.off(Si.StepEvent,a)},[r,t.length]),Uf(()=>{let a=i(s=>{let{event:l,route:p}=s;(l.type===Ff.FAILED||l.type===Ff.SUCCEEDED)&&o(l,p)},"handleRouteEvent");return r.on(Si.RouteEvent,a),()=>r.off(Si.RouteEvent,a)},[r,t.length])}i(ol,"useSubscribeToWidgetEvents");import{useManager as nv}from"@rango-dev/queue-manager-react";import{useEffect as rv}from"react";function nl(){let{isSynced:t,syncNotifications:e}=Ee(),{manager:o,state:n}=nv();rv(()=>{Ee.persist.hasHydrated()&&n.loadedFromPersistor&&!t&&e(Je(o))},[Ee.persist.hasHydrated(),n.loadedFromPersistor,t])}i(nl,"useSyncNotifications");function rl(){Df(),_f(),ol(),nl();let t=h().blockchains(),{canSwitchNetworkTo:e}=vr(),[o,n]=zf(""),[r,a]=zf(),s=lv(zn),l=t.filter(sv),{fetchApiConfig:p}=$f();iv({lastConnectedWallet:o,clearDisconnectedWallet:()=>{a(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),pv(()=>(to.init(),Ee.persist.hasHydrated()||Ee.persist.rehydrate(),s.onConnectWallet(n),s.onDisconnectWallet(u=>{a(u),u===av(o)?.[0]&&n("")}),p().catch(console.log),to.destroy),[])}i(rl,"useBootstrap");import{styled as cv}from"@rango-dev/ui";var qf=cv("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Ci(){rl();let{config:t}=h(),{activeTheme:e}=pr(t?.theme||{}),{activeLanguage:o}=jt();return il.createElement(uv,{language:o},il.createElement(qf,{id:"swap-container",className:e()},il.createElement(Pf,null)))}i(Ci,"Main");import{setSolanaSignerConfig as Mv}from"@rango-dev/signer-solana";import sl,{useEffect as Xf,useMemo as Lv}from"react";import{useState as mv}from"react";var dv=i(()=>{let[t,e]=mv(null),o=i(a=>{let s=document.createElement("link");return s.href=a,s.rel="stylesheet",document.head.appendChild(s),s},"loadFont"),n=i(()=>{t&&(document.head.removeChild(t),e(null))},"unloadFont");return{handleLoadCustomFont:i(a=>{n();let s=Cl(a);if(s){let l=o(s);e(l)}},"handleLoadCustomFont")}},"useFontLoader"),Qf=dv;import{checkWaitingForNetworkChange as fv,makeQueueDefinition as gv}from"@rango-dev/queue-manager-rango-preset";import{Provider as hv}from"@rango-dev/queue-manager-react";import{useWallets as yv}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Sv}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Cv}from"rango-types";import Tv,{useMemo as kv}from"react";function wv(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:a,getWalletInfo:s}=yv(),l=kv(()=>gv({API_KEY:t.apiKey||bt("API_KEY"),BASE_URL:bt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),c={blockchains:te.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},m=i(async(k,v)=>{if(a(k,v))return r(k,v)},"switchNetwork"),d=i(k=>!!s(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),g=p.filter(Cv),S=i(k=>{let{supportedChains:v}=s(k);return Mn(v)},"getSupportedChainNames"),C=e(),y={meta:{blockchains:f,evmBasedChains:g,evmNetworkChainInfo:Sv(g),getSupportedChainNames:S},getSigners:o,wallets:c,providers:C,switchNetwork:m,canSwitchNetworkTo:a,connect:r,state:n,isMobileWallet:d},T=ie.use.isActiveTab();return Tv.createElement(hv,{queuesDefs:[l],context:y,onPersistedDataLoaded:k=>{fv(k)},isPaused:!T},t.children)}i(wv,"QueueManager");var Hf=wv;import{useManager as Ev}from"@rango-dev/queue-manager-react";import Av,{createContext as Nv,useContext as Wv}from"react";import{cancelSwap as vv,getCurrentBlockchainOfOrNull as xv,getCurrentStep as bv,getRelatedWalletOrNull as Iv}from"@rango-dev/queue-manager-rango-preset";var Ti=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Je(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){let n=Zn(e,o.blockchains,this.actions.findToken);return this.actions.retrySwap(n)}cancel(e){let o=this.manager?.get(e);o&&vv(o)}getCurrentStepInfo(e){let o=bv(e);return{step:o,wallet:o?Iv(e,o):null,network:o?xv(e,o):null}}};var Gf=Nv(void 0);function al(t){let{manager:e}=Ev(),o=ie.use.isActiveTab(),n=K.use.retry(),{findToken:r}=h(),a=new Ti(e,{retrySwap:n,findToken:r}),s=te.use.connectedWallets(),l=te.use.loading(),p=El(s),u=te.use.getWalletsDetails(),c=h().blockchains(),m=h().tokens(),d=h().swappers(),f=h().fetchStatus,g=jt().resetLanguage,S=Ee().getNotifications(),C={isActiveTab:o,setCurrentTabAsActive:to.forceClaim,history:a,wallets:{isLoading:l,details:s,totalBalance:p,refetch:y=>u(y,r)},meta:{blockchains:c,tokens:m,swappers:d,loadingStatus:f},resetLanguage:g,notifications:{list:S}};return Av.createElement(Gf.Provider,{value:C},t.children)}i(al,"WidgetInfo");function Vf(){let t=Wv(Gf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Vf,"useWidget");function ki(t){let{onUpdateState:e,config:o}=t,n=t.config?.theme?.fontFamily,{handleLoadCustomFont:r}=Qf();return Xf(()=>{n&&r(n)},[n]),Lv(()=>{_l({API_KEY:o?.apiKey||xn,BASE_URL:o?.apiUrl||ll})},[o.apiKey,o.apiUrl]),Xf(()=>{t.config?.signers?.customSolanaRPC&&Mv("customRPC",t.config.signers.customSolanaRPC)},[t.config?.signers?.customSolanaRPC]),sl.createElement(qn,{config:o,onUpdateState:e},sl.createElement(Hf,{apiKey:o.apiKey},sl.createElement(al,null,t.children)))}i(ki,"WidgetProvider");function jf(t){let e=t.config?.externalWallets;return wi.createElement(ip,null,e?wi.createElement(Ci,null):wi.createElement(ki,{config:t.config??_i},wi.createElement(Ci,null)))}i(jf,"Widget");export{JV as EventSeverity,RV as MainEvents,p2 as Networks,m2 as PendingSwapNetworkStatus,e2 as RouteEventType,vi as SUPPORTED_FONTS,t2 as StepEventType,o2 as StepExecutionBlockedEventStatus,n2 as StepExecutionEventStatus,Se as UI_ID,s2 as WalletEvents,c2 as WalletTypes,jf as Widget,ki as WidgetProvider,qn as WidgetWallets,ra as customizedThemeTokens,a2 as readAccountAddress,vr as useWallets,Vf as useWidget,r2 as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map