@rango-dev/widget-embedded 0.1.10-next.76 → 0.1.10-next.77

package/dist/widget-embedded.esm.js

@@ -8,7 +8,7 @@ import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { RangoClient, TransactionType } from 'rango-sdk';
 import { readAccountAddress, useWallets, Provider, Events } from '@rango-dev/wallets-core';
 import { allProviders } from '@rango-dev/provider-all';
-import { Network, isEvmAddress, WalletType, isEvmBlockchain } from '@rango-dev/wallets-shared';
+import { Network, isEvmAddress, KEPLR_COMPATIBLE_WALLETS, WalletType, getCosmosExperimentalChainInfo, isCosmosBlockchain, isEvmBlockchain } from '@rango-dev/wallets-shared';
 import { persist } from 'zustand/middleware';
 import { styled as styled$1 } from '@rango-dev/ui/src/theme';
 
@@ -375,10 +375,11 @@ function getSelectableWallets(accounts, selectedWallets, getWalletInfo, required
     name: getWalletInfo(account.walletType).name,
     selected: !!selectedWallets.find(wallet => wallet.chain === account.chain && wallet.walletType === account.walletType)
   }));
-  return requiredChains ? connectedWallets.filter(wallet => requiredChains.includes(wallet.chain)) : removeDuplicateWallets(connectedWallets, 'walletType');
+  return requiredChains ? connectedWallets.filter((wallet, index, array) => requiredChains.includes(wallet.chain) && array.findIndex(w => w.address === wallet.address) === index) : removeDuplicateWallets(connectedWallets, 'walletType');
 }
 const removeDuplicateWallets = (arr, key) => {
-  return [...new Map(arr.map(item => [item[key], item])).values()];
+  const map = new Map(arr.map(item => [item[key], item]));
+  return Array.from(map.values());
 };
 function getBalanceFromWallet(balances, chain, symbol, address) {
   if (balances.length === 0) return null;
@@ -442,8 +443,6 @@ const calculateWalletUsdValue = balance => {
     return modifiedWalletBlockchain;
   });
   const total = numberToString(modifiedWalletBlockchains?.flatMap(b => b.accounts)?.flatMap(a => a?.balances)?.map(b => new BigNumber(b?.amount || ZERO).multipliedBy(b?.usdPrice || 0))?.reduce((a, b) => a.plus(b), ZERO) || ZERO).toString();
-  console.log('total');
-  console.log(total);
   return numberWithThousandSeperator(total);
 };
 function numberWithThousandSeperator(number) {
@@ -468,6 +467,17 @@ const getUsdPrice = (blockchain, symbol, address, allTokens) => {
   const token = allTokens?.find(t => t.blockchain === blockchain && t.symbol?.toUpperCase() === symbol?.toUpperCase() && t.address === address);
   return token?.usdPrice || null;
 };
+const isExperimentalChain = (blockchains, wallet) => {
+  const cosmosExperimentalChainInfo = getCosmosExperimentalChainInfo(Object.entries(blockchains).map(_ref => {
+    let [, blockchainMeta] = _ref;
+    return blockchainMeta;
+  }).filter(isCosmosBlockchain));
+  return cosmosExperimentalChainInfo && !!cosmosExperimentalChainInfo[wallet];
+};
+const getKeplrCompatibleConnectedWallets = selectableWallets => {
+  const connectedWalletTypes = new Set(selectableWallets.map(a => a.walletType.toString()));
+  return KEPLR_COMPATIBLE_WALLETS.filter(compatibleWallet => connectedWalletTypes.has(compatibleWallet));
+};
 
 const useWalletsStore = /*#__PURE__*/createSelectors( /*#__PURE__*/create()(set => ({
   accounts: [],
@@ -2200,25 +2210,36 @@ function WalletsPage() {
 function ConfirmWalletsPage() {
   const navigate = useNavigate();
   const bestRoute = useBestRouteStore.use.bestRoute();
+  const {
+    blockchains
+  } = useMetaStore.use.meta();
   const accounts = useWalletsStore.use.accounts();
   const selectedWallets = useWalletsStore.use.selectedWallets();
   const initSelectedWallets = useWalletsStore.use.initSelectedWallets();
   const setSelectedWallet = useWalletsStore.use.setSelectedWallet();
   const {
-    getWalletInfo
+    getWalletInfo,
+    connect
   } = useWallets();
   const confirmDisabled = !requiredWallets(bestRoute).every(chain => selectedWallets.map(wallet => wallet.chain).includes(chain));
   useEffect(() => {
     initSelectedWallets();
   }, []);
+  const selectableWallets = getSelectableWallets(accounts, selectedWallets, getWalletInfo, getRequiredChains(bestRoute));
+  const handleConnectChain = wallet => {
+    const network = wallet;
+    getKeplrCompatibleConnectedWallets(selectableWallets).forEach(compatibleWallet => connect?.(compatibleWallet, network));
+  };
   return React.createElement(ConfirmWallets, {
     requiredWallets: getRequiredChains(bestRoute),
-    selectableWallets: getSelectableWallets(accounts, selectedWallets, getWalletInfo, getRequiredChains(bestRoute)),
+    selectableWallets: selectableWallets,
     onBack: () => navigate(-1),
     swap: bestRoute,
     onConfirm: () => navigate(navigationRoutes.confirmSwap),
     onChange: wallet => setSelectedWallet(wallet),
-    confirmDisabled: confirmDisabled
+    confirmDisabled: confirmDisabled,
+    handleConnectChain: wallet => handleConnectChain(wallet),
+    isExperimentalChain: wallet => getKeplrCompatibleConnectedWallets(selectableWallets).length > 0 ? isExperimentalChain(blockchains, wallet) : false
   });
 }