@rango-dev/widget-embedded 0.36.0 → 0.36.1-next.0

package/src/hooks/useObserveBalanceChanges/useObserveBalanceChanges.ts

@@ -1,68 +0,0 @@
-import type { WalletEventData } from '../../types';
-
-import { useWallets } from '@rango-dev/wallets-react';
-import { useEffect, useRef, useState } from 'react';
-
-import { widgetEventEmitter } from '../../services/eventEmitter';
-import { useWalletsStore } from '../../store/wallets';
-import { WalletEventTypes, WidgetEvents } from '../../types';
-
-// A hook to listen for and detect changes in balances on a specific blockchain.
-export function useObserveBalanceChanges(selectedBlockchain?: string) {
-  const { connectedWallets } = useWalletsStore();
-  const { getWalletInfo } = useWallets();
-  const prevFetchingBalanceWallets = useRef<string[]>([]);
-  // The "balanceKey" will be updated and incremented after each change in the balance for a blockchain.
-  const [balanceKey, setBalanceKey] = useState(0);
-
-  useEffect(() => {
-    const handleWalletEvent = (event: WalletEventData) => {
-      if (event.type === WalletEventTypes.DISCONNECT) {
-        const walletInfo = getWalletInfo(event.payload.walletType);
-        const blockchainSupported = walletInfo.supportedChains.some(
-          (chain) => chain.name === selectedBlockchain
-        );
-
-        if (blockchainSupported) {
-          setBalanceKey((prev) => prev + 1);
-        }
-      }
-    };
-
-    widgetEventEmitter.on(WidgetEvents.WalletEvent, handleWalletEvent);
-
-    if (!selectedBlockchain) {
-      return setBalanceKey((prev) => prev + 1);
-    }
-
-    const supportedWallets = connectedWallets.filter(
-      (wallet) => wallet.chain === selectedBlockchain
-    );
-
-    supportedWallets.forEach((wallet) => {
-      const { walletType } = wallet;
-      const walletIsAlreadyFetching =
-        prevFetchingBalanceWallets.current.includes(walletType);
-
-      /**
-       * Watching for changes in "wallet.balances.length" is not accurate.
-       * Additionally, checking the equality of previous and current balances for a specific blockchain is resource-intensive, so we avoid these methods.
-       */
-      if (wallet.loading && !walletIsAlreadyFetching) {
-        prevFetchingBalanceWallets.current =
-          prevFetchingBalanceWallets.current.concat(walletType);
-      } else if (!wallet.loading && walletIsAlreadyFetching) {
-        prevFetchingBalanceWallets.current =
-          prevFetchingBalanceWallets.current.filter(
-            (prevWallet) => prevWallet !== walletType
-          );
-        setBalanceKey((prev) => prev + 1);
-      }
-    });
-
-    return () =>
-      widgetEventEmitter.off(WidgetEvents.WalletEvent, handleWalletEvent);
-  }, [connectedWallets, selectedBlockchain, getWalletInfo]);
-
-  return { balanceKey };
-}

package/src/store/wallets.ts

@@ -1,268 +0,0 @@
-import type { FindToken } from './slices/data';
-import type { Balance, TokensBalance, Wallet } from '../types';
-import type { WalletType } from '@rango-dev/wallets-shared';
-import type { Token } from 'rango-sdk';
-
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-
-import { eventEmitter } from '../services/eventEmitter';
-import { httpService } from '../services/httpService';
-import { WalletEventTypes, WidgetEvents } from '../types';
-import { createTokenHash } from '../utils/meta';
-import {
-  isAccountAndWalletMatched,
-  makeBalanceFor,
-  makeTokensBalance,
-  resetConnectedWalletState,
-} from '../utils/wallets';
-
-import createSelectors from './selectors';
-
-export type TokenBalance = {
-  chain: string;
-  symbol: string;
-  ticker: string;
-  address: string | null;
-  rawAmount: string;
-  decimal: number | null;
-  amount: string;
-  logo: string | null;
-  usdPrice: number | null;
-};
-
-export interface ConnectedWallet extends Wallet {
-  balances: TokenBalance[] | null;
-  explorerUrl: string | null;
-  selected: boolean;
-  loading: boolean;
-  error: boolean;
-}
-interface WalletsStore {
-  connectedWallets: ConnectedWallet[];
-  balances: TokensBalance;
-  loading: boolean;
-  connectWallet: (accounts: Wallet[], findToken: FindToken) => void;
-  disconnectWallet: (walletType: WalletType) => void;
-  selectWallets: (wallets: { walletType: string; chain: string }[]) => void;
-  clearConnectedWallet: () => void;
-  getWalletsDetails: (
-    accounts: Wallet[],
-    findToken: FindToken,
-    shouldRetry?: boolean
-  ) => void;
-  getBalanceFor: (token: Token) => Balance | null;
-}
-
-export const useWalletsStore = createSelectors(
-  create<WalletsStore>()(
-    subscribeWithSelector((set, get) => {
-      return {
-        connectedWallets: [],
-        balances: {},
-        loading: false,
-        connectWallet: (accounts, findToken) => {
-          eventEmitter.emit(WidgetEvents.WalletEvent, {
-            type: WalletEventTypes.CONNECT,
-            payload: { walletType: accounts[0].walletType, accounts },
-          });
-
-          const getWalletsDetails = get().getWalletsDetails;
-          set((state) => ({
-            loading: true,
-            connectedWallets: state.connectedWallets
-              .filter((wallet) => wallet.walletType !== accounts[0].walletType)
-              .concat(
-                accounts.map((account) => {
-                  const shouldMarkWalletAsSelected =
-                    !state.connectedWallets.some(
-                      (connectedWallet) =>
-                        connectedWallet.chain === account.chain &&
-                        connectedWallet.selected &&
-                        /**
-                         * Sometimes, the connect function can be called multiple times for a particular wallet type when using the auto-connect feature.
-                         * This check is there to make sure the chosen wallet doesn't end up unselected.
-                         */
-                        connectedWallet.walletType !== account.walletType
-                    );
-                  return {
-                    balances: [],
-                    address: account.address,
-                    chain: account.chain,
-                    explorerUrl: null,
-                    walletType: account.walletType,
-                    selected: shouldMarkWalletAsSelected,
-                    loading: true,
-                    error: false,
-                  };
-                })
-              ),
-          }));
-          getWalletsDetails(accounts, findToken);
-        },
-        disconnectWallet: (walletType) => {
-          set((state) => {
-            if (
-              state.connectedWallets.find(
-                (wallet) => wallet.walletType === walletType
-              )
-            ) {
-              eventEmitter.emit(WidgetEvents.WalletEvent, {
-                type: WalletEventTypes.DISCONNECT,
-                payload: { walletType },
-              });
-            }
-
-            const selectedWallets = state.connectedWallets
-              .filter(
-                (connectedWallet) =>
-                  connectedWallet.selected &&
-                  connectedWallet.walletType !== walletType
-              )
-              .map((selectedWallet) => selectedWallet.chain);
-
-            const connectedWallets = state.connectedWallets
-              .filter(
-                (connectedWallet) => connectedWallet.walletType !== walletType
-              )
-              .map((connectedWallet) => {
-                const anyWalletSelectedForBlockchain = selectedWallets.includes(
-                  connectedWallet.chain
-                );
-                if (anyWalletSelectedForBlockchain) {
-                  return connectedWallet;
-                }
-                selectedWallets.push(connectedWallet.chain);
-                return { ...connectedWallet, selected: true };
-              });
-
-            const balances = makeTokensBalance(connectedWallets);
-
-            return {
-              balances,
-              connectedWallets,
-            };
-          });
-        },
-        selectWallets: (wallets) =>
-          set((state) => ({
-            connectedWallets: state.connectedWallets.map((connectedWallet) => {
-              const walletSelected = !!wallets.find(
-                (wallet) =>
-                  wallet.chain === connectedWallet.chain &&
-                  wallet.walletType !== connectedWallet.walletType &&
-                  connectedWallet.selected
-              );
-              const walletNotSelected = !!wallets.find(
-                (wallet) =>
-                  wallet.chain === connectedWallet.chain &&
-                  wallet.walletType === connectedWallet.walletType &&
-                  !connectedWallet.selected
-              );
-              if (walletSelected) {
-                return { ...connectedWallet, selected: false };
-              } else if (walletNotSelected) {
-                return { ...connectedWallet, selected: true };
-              }
-
-              return connectedWallet;
-            }),
-          })),
-        clearConnectedWallet: () =>
-          set(() => ({
-            connectedWallets: [],
-            selectedWallets: [],
-          })),
-        getWalletsDetails: async (accounts, findToken, shouldRetry = true) => {
-          const getWalletsDetails = get().getWalletsDetails;
-          set((state) => ({
-            loading: true,
-            connectedWallets: state.connectedWallets.map((wallet) => {
-              return accounts.find((account) =>
-                isAccountAndWalletMatched(account, wallet)
-              )
-                ? { ...wallet, loading: true }
-                : wallet;
-            }),
-          }));
-          try {
-            const data = accounts.map(({ address, chain }) => ({
-              address,
-              blockchain: chain,
-            }));
-            const response = await httpService().getWalletsDetails(data);
-            const retrievedBalance = response.wallets;
-            if (retrievedBalance) {
-              set((state) => {
-                const connectedWallets = state.connectedWallets.map(
-                  (connectedWallet) => {
-                    const matchedAccount = accounts.find((account) =>
-                      isAccountAndWalletMatched(account, connectedWallet)
-                    );
-                    const retrievedBalanceAccount = retrievedBalance.find(
-                      (balance) =>
-                        balance.address === connectedWallet.address &&
-                        balance.blockChain === connectedWallet.chain
-                    );
-                    if (
-                      retrievedBalanceAccount?.failed &&
-                      matchedAccount &&
-                      shouldRetry
-                    ) {
-                      getWalletsDetails([matchedAccount], findToken, false);
-                    }
-                    return matchedAccount && retrievedBalanceAccount
-                      ? {
-                          ...connectedWallet,
-                          explorerUrl: retrievedBalanceAccount.explorerUrl,
-                          balances: makeBalanceFor(
-                            retrievedBalanceAccount,
-                            findToken
-                          ),
-                          loading: false,
-                          error: false,
-                        }
-                      : connectedWallet;
-                  }
-                );
-
-                const balances = makeTokensBalance(connectedWallets);
-                return {
-                  loading: false,
-                  balances,
-                  connectedWallets,
-                };
-              });
-            } else {
-              throw new Error('Wallet not found');
-            }
-          } catch (error) {
-            set((state) => {
-              const connectedWallets = state.connectedWallets.map((balance) => {
-                return accounts.find((account) =>
-                  isAccountAndWalletMatched(account, balance)
-                )
-                  ? resetConnectedWalletState(balance)
-                  : balance;
-              });
-
-              const balances = makeTokensBalance(connectedWallets);
-
-              return {
-                loading: false,
-                balances,
-                connectedWallets,
-              };
-            });
-          }
-        },
-        getBalanceFor: (token) => {
-          const { balances } = get();
-          const tokenHash = createTokenHash(token);
-          const balance = balances[tokenHash];
-          return balance ?? null;
-        },
-      };
-    })
-  )
-);