@rango-dev/wallets-react 0.48.1-next.5 → 0.49.0

package/dist/legacy/utils.d.ts

@@ -1,3 +0,0 @@
-import type { ProviderProps } from './types.js';
-export declare function shouldTryAutoConnect(props: Pick<ProviderProps, 'allBlockChains' | 'autoConnect'>): boolean;
-//# sourceMappingURL=utils.d.ts.map

package/dist/legacy/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/legacy/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,aAAa,CAAC,GAC3D,OAAO,CAET"}

package/dist/test-utils/fixtures.d.ts

@@ -1,14 +0,0 @@
-import type { LegacyProviderInterface } from '@rango-dev/wallets-core/legacy';
-import type { BlockchainMeta, GenericSigner } from 'rango-types';
-import type { EvmTransaction } from 'rango-types/mainApi';
-export declare const legacyAddress = "0x000000000000000000000000000000000000dead";
-export declare class MockEvmSigner implements GenericSigner<EvmTransaction> {
-    signMessage(_msg: string, _address: string, _chainId: string | null): Promise<string>;
-    signAndSendTx(_tx: EvmTransaction, _address: string, _chainId: string | null): Promise<{
-        hash: string;
-        response?: unknown;
-    }>;
-}
-export declare const legacyProvider: LegacyProviderInterface;
-export declare const blockchainsMeta: BlockchainMeta[];
-//# sourceMappingURL=fixtures.d.ts.map

package/dist/test-utils/fixtures.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../src/test-utils/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,eAAO,MAAM,aAAa,+CAA+C,CAAC;AAE1E,qBAAa,aAAc,YAAW,aAAa,CAAC,cAAc,CAAC;IAC3D,WAAW,CACf,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,OAAO,CAAC,MAAM,CAAC;IAGZ,aAAa,CACjB,GAAG,EAAE,cAAc,EACnB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAKjD;AAED,eAAO,MAAM,cAAc,EAAE,uBA0C5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAAc,EA4F3C,CAAC"}

package/dist/useProviders.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderContext, ProviderProps } from './index.js';
-declare function useProviders(props: ProviderProps): ProviderContext;
-export { useProviders };
-//# sourceMappingURL=useProviders.d.ts.map

package/dist/useProviders.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviders.d.ts","sourceRoot":"","sources":["../src/useProviders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,eAAe,EACf,aAAa,EAEd,MAAM,YAAY,CAAC;AAkBpB,iBAAS,YAAY,CAAC,KAAK,EAAE,aAAa,mBA+FzC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/helpers/package.json

@@ -1,8 +0,0 @@
-{
-  "name": "@rango-dev/wallets-react/helpers",
-  "type": "module",
-  "main": "../dist/helpers/index.js",
-  "module": "../dist/helpers/index.js",
-  "types": "../dist/helpers/index.d.ts",
-  "sideEffects": false
-}

package/src/helpers/index.ts

@@ -1 +0,0 @@
-export { getAllLegacyProviders } from '../hub/mod.js';

package/src/legacy/autoConnect.ts

@@ -1,69 +0,0 @@
-import type { WalletActions, WalletProviders } from './types.js';
-import type {
-  LegacyWallet as Wallet,
-  LegacyWalletConfig as WalletConfig,
-  LegacyWalletType as WalletType,
-} from '@rango-dev/wallets-core/legacy';
-
-import { LastConnectedWalletsFromStorage } from '../hub/lastConnectedWallets.js';
-
-import { LEGACY_LAST_CONNECTED_WALLETS } from './mod.js';
-
-/*
- *If a wallet has multiple providers and one of them can be eagerly connected,
- *then the whole wallet will support it at that point and we try to connect to that wallet as usual in eagerConnect method.
- */
-export async function autoConnect(
-  wallets: WalletProviders,
-  getWalletInstance: (wallet: {
-    actions: WalletActions;
-    config: WalletConfig;
-  }) => Wallet
-) {
-  const lastConnectedWalletsFromStorage = new LastConnectedWalletsFromStorage(
-    LEGACY_LAST_CONNECTED_WALLETS
-  );
-
-  const lastConnectedWallets = lastConnectedWalletsFromStorage.list();
-  const walletIds = Object.keys(lastConnectedWallets);
-
-  if (walletIds.length) {
-    const eagerConnectQueue: {
-      walletType: WalletType;
-      eagerConnect: () => Promise<unknown>;
-    }[] = [];
-
-    walletIds.forEach((walletType) => {
-      const wallet = wallets.get(walletType);
-
-      if (!!wallet) {
-        const walletInstance = getWalletInstance(wallet);
-        eagerConnectQueue.push({
-          walletType,
-          eagerConnect: walletInstance.eagerConnect.bind(walletInstance),
-        });
-      }
-    });
-
-    const result = await Promise.allSettled(
-      eagerConnectQueue.map(async ({ eagerConnect }) => eagerConnect())
-    );
-
-    const walletsToRemoveFromPersistance: WalletType[] = [];
-    result.forEach((settleResult, index) => {
-      const { status } = settleResult;
-
-      if (status === 'rejected') {
-        walletsToRemoveFromPersistance.push(
-          eagerConnectQueue[index].walletType
-        );
-      }
-    });
-
-    if (walletsToRemoveFromPersistance.length) {
-      lastConnectedWalletsFromStorage.removeWallets(
-        walletsToRemoveFromPersistance
-      );
-    }
-  }
-}

package/src/legacy/helpers.ts

@@ -1,193 +0,0 @@
-import type {
-  ProviderInterface,
-  State,
-  WalletActions,
-  WalletProviders,
-} from './types.js';
-import type {
-  LegacyOptions as Options,
-  LegacyEventHandler as WalletEventHandler,
-  LegacyState as WalletState,
-  LegacyWalletType as WalletType,
-} from '@rango-dev/wallets-core/legacy';
-import type { Dispatch } from 'react';
-
-import { Persistor } from '@rango-dev/wallets-core/legacy';
-
-import { LEGACY_LAST_CONNECTED_WALLETS } from '../hub/constants.js';
-import { LastConnectedWalletsFromStorage } from '../hub/lastConnectedWallets.js';
-
-export function choose<T extends { type: WalletType }>(
-  wallets: T[],
-  type: WalletType
-): T | null {
-  return wallets.find((wallet) => wallet.type === type) || null;
-}
-
-export type StateAction = {
-  type: string;
-  wallet: WalletType;
-  name: string;
-  value: unknown;
-};
-
-export const defaultWalletState: WalletState = {
-  connected: false,
-  connecting: false,
-  reachable: false,
-  installed: false,
-  accounts: null,
-  network: null,
-};
-
-export function stateReducer(state: State, action: StateAction) {
-  if (action.type === 'new_state') {
-    // TODO fix problem and remove ts-ignore
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const target_wallet = state[action.wallet];
-    if (!target_wallet) {
-      return {
-        ...state,
-        [action.wallet]: {
-          ...defaultWalletState,
-          [action.name]: action.value,
-        },
-      };
-    }
-
-    return {
-      ...state,
-      [action.wallet]: {
-        ...target_wallet,
-        [action.name]: action.value,
-      },
-    };
-  }
-
-  return state;
-}
-
-export function connectedWallets(providersState: State): WalletType[] {
-  return Object.entries(providersState)
-    .filter(([, wallet_state]) => {
-      return wallet_state?.connected;
-    })
-    .map(([type]) => {
-      return type;
-    });
-}
-
-export function availableWallets(providersState: State): WalletType[] {
-  return Object.entries(providersState).map(([type]) => {
-    return type;
-  });
-}
-
-export function checkWalletProviders(
-  list: ProviderInterface[]
-): WalletProviders {
-  const wallets: WalletProviders = new Map();
-
-  list.forEach((provider) => {
-    const { config, ...actions } = provider;
-    wallets.set(config.type, {
-      actions,
-      config,
-    });
-  });
-
-  return wallets;
-}
-
-export function isAsync(fn: (...args: never[]) => unknown) {
-  return fn?.constructor?.name === 'AsyncFunction';
-}
-
-export function needsCheckInstallation(options: Options) {
-  const { checkInstallation = true } = options.config;
-  return checkInstallation;
-}
-
-export async function tryPersistWallet({
-  type,
-  walletActions,
-  getState,
-}: {
-  type: WalletType;
-  walletActions: WalletActions;
-  getState: (walletType: WalletType) => WalletState;
-}) {
-  if (walletActions.canEagerConnect) {
-    const lastConnectedWalletsFromStorage = new LastConnectedWalletsFromStorage(
-      LEGACY_LAST_CONNECTED_WALLETS
-    );
-    const lastConnectedWallets = lastConnectedWalletsFromStorage.list();
-    const walletAlreadyPersisted = !!lastConnectedWallets[type];
-
-    /*
-     *If on the last attempt we are unable to eagerly connect to any wallet and the user connects any wallet manualy,
-     *persistance will be outdated and will need to be removed.
-     */
-    if (walletAlreadyPersisted && !getState(type).connected) {
-      clearPersistance();
-    }
-
-    if (!walletAlreadyPersisted) {
-      lastConnectedWalletsFromStorage.addWallet(type, []);
-    }
-  }
-}
-
-export function tryRemoveWalletFromPersistance({
-  type,
-  walletActions,
-}: {
-  type: WalletType;
-  walletActions: WalletActions;
-}) {
-  if (walletActions.canEagerConnect) {
-    const lastConnectedWalletsFromStorage = new LastConnectedWalletsFromStorage(
-      LEGACY_LAST_CONNECTED_WALLETS
-    );
-    lastConnectedWalletsFromStorage.removeWallets([type]);
-  }
-}
-
-export function clearPersistance() {
-  const persistor = new Persistor<string[]>();
-  const wallets = persistor.getItem(LEGACY_LAST_CONNECTED_WALLETS);
-  if (wallets) {
-    persistor.removeItem(LEGACY_LAST_CONNECTED_WALLETS);
-  }
-}
-
-/*
- *Our event handler includes an internal state updater, and a notifier
- *for the outside listener.
- *On creating first wallet refrence, and on chaning `props.onUpdateState`
- *we are using this function.
- */
-export function makeEventHandler(
-  dispatcher: Dispatch<StateAction>,
-  onUpdateState?: WalletEventHandler
-) {
-  const handler: WalletEventHandler = (
-    type,
-    name,
-    value,
-    coreState,
-    supportedChains
-  ) => {
-    const action = { type: 'new_state', wallet: type, name, value };
-    // Update state
-    dispatcher(action);
-
-    // Giving the event to the outside listener
-    if (onUpdateState) {
-      onUpdateState(type, name, value, coreState, supportedChains);
-    }
-  };
-
-  return handler;
-}

package/src/legacy/hooks.ts

@@ -1,54 +0,0 @@
-import type { ProviderContext, WalletActions, WalletConfig } from './types.js';
-import type { LegacyEventHandler as WalletEventHandler } from '@rango-dev/wallets-core/legacy';
-
-import { LegacyWallet as Wallet } from '@rango-dev/wallets-core/legacy';
-import { useContext, useRef } from 'react';
-
-import { WalletContext } from './context.js';
-
-export type GetWalletInstance = (wallet: {
-  actions: WalletActions;
-  config: WalletConfig;
-}) => Wallet;
-
-export function useInitializers(
-  onChangeState: WalletEventHandler
-): GetWalletInstance {
-  const availableWallets = useRef<{
-    [key: string]: Wallet | undefined;
-  }>({});
-
-  /*
-   * If `wallet` hasn't been added to `availableWallets`,
-   * Get a instance of `Wallet` and save the refrence in `availableWallets`.
-   * Otherwise, return the already created instance.
-   */
-  function updater(wallet: {
-    actions: WalletActions;
-    config: WalletConfig;
-  }): Wallet {
-    const type = wallet.config.type;
-    // We only update, if there is no instance available.
-    if (typeof availableWallets.current[type] === 'undefined') {
-      availableWallets.current[type] = new Wallet(
-        {
-          config: wallet.config,
-          handler: onChangeState,
-        },
-        wallet.actions
-      );
-    }
-
-    return availableWallets.current[type]!;
-  }
-
-  return updater;
-}
-
-export function useWallets(): ProviderContext {
-  const context = useContext(WalletContext);
-  if (!context) {
-    throw Error('useWallet can only be used within the Provider component');
-  }
-  return context;
-}

package/src/legacy/useLegacyProviders.ts

@@ -1,246 +0,0 @@
-import type { ProviderContext, ProviderProps } from './types.js';
-import type {
-  LegacyProviderInterface,
-  LegacyWalletType as WalletType,
-} from '@rango-dev/wallets-core/legacy';
-
-import { useEffect, useReducer } from 'react';
-
-import { autoConnect } from './autoConnect.js';
-import {
-  availableWallets,
-  checkWalletProviders,
-  clearPersistance,
-  connectedWallets,
-  defaultWalletState,
-  makeEventHandler,
-  stateReducer,
-  tryPersistWallet,
-  tryRemoveWalletFromPersistance,
-} from './helpers.js';
-import { useInitializers } from './hooks.js';
-import { useAutoConnect } from './useAutoConnect.js';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type ProviderType = any;
-
-export type LegacyProviderProps = Omit<ProviderProps, 'providers'> & {
-  providers: LegacyProviderInterface[];
-};
-
-export function useLegacyProviders(
-  props: LegacyProviderProps
-): ProviderContext {
-  const [providersState, dispatch] = useReducer(stateReducer, {});
-
-  // Get (or add) wallet instance (`provider`s will be wrapped in a `Wallet`)
-  const getWalletInstance = useInitializers(
-    makeEventHandler(dispatch, props.onUpdateState)
-  );
-
-  // Getting providers from props and put all of them in a `Map` with an appropriate interface.
-  const listOfProviders = props.providers;
-  const wallets = checkWalletProviders(listOfProviders);
-
-  useAutoConnect({
-    allBlockChains: props.allBlockChains,
-    autoConnect: props.autoConnect,
-    autoConnectHandler: async () => autoConnect(wallets, getWalletInstance),
-  });
-
-  // Final API we put in context and it will be available to use for users.
-  const api: ProviderContext = {
-    async connect(type, namespaces) {
-      const wallet = wallets.get(type);
-      if (!wallet) {
-        throw new Error(`You should add ${type} to provider first.`);
-      }
-
-      // Legacy providers doesn't implemented multiple namespaces, so it will always be one value.
-      let network = undefined;
-      if (namespaces && namespaces.length > 0) {
-        /*
-         * This may not be safe in cases there are two `network` for namespaces, the first one will be picked always.
-         * But since legacy provider only accepts one value, it shouldn't be happened when we are using legacy mode.
-         */
-        network = namespaces.find((ns) => !!ns.network)?.network;
-      }
-
-      const walletInstance = getWalletInstance(wallet);
-      const result = await walletInstance.connect(network, namespaces);
-      if (props.autoConnect) {
-        void tryPersistWallet({
-          type,
-          walletActions: wallet.actions,
-          getState: api.state,
-        });
-      }
-
-      return [result];
-    },
-    async disconnect(type) {
-      const wallet = wallets.get(type);
-      if (!wallet) {
-        throw new Error(`You should add ${type} to provider first.`);
-      }
-
-      const walletInstance = getWalletInstance(wallet);
-      await walletInstance.disconnect();
-      if (props.autoConnect) {
-        tryRemoveWalletFromPersistance({ type, walletActions: wallet.actions });
-      }
-    },
-    async disconnectAll() {
-      const disconnect_promises: Promise<void>[] = [];
-
-      /*
-       * When a wallet is initializing, a record will be added to `providersState`
-       * So we use them to know what wallet has been initialized then we need to
-       * filter connected wallets only.
-       */
-      connectedWallets(providersState).forEach((type) => {
-        const wallet = wallets.get(type);
-
-        if (wallet) {
-          const walletInstance = getWalletInstance(wallet);
-          disconnect_promises.push(walletInstance.disconnect());
-        }
-      });
-
-      if (props.autoConnect) {
-        clearPersistance();
-      }
-      return await Promise.allSettled(disconnect_promises);
-    },
-
-    async suggestAndConnect(type, namespace) {
-      const wallet = wallets.get(type);
-      if (!wallet) {
-        throw new Error(`You should add ${type} to provider first.`);
-      }
-      const walletInstance = getWalletInstance(wallet);
-      if (!namespace.network) {
-        throw new Error(`You should pass network to the suggestAndConnect`);
-      }
-      const result = await walletInstance.suggestAndConnect(namespace.network);
-
-      return result;
-    },
-
-    state(type) {
-      return providersState[type] || defaultWalletState;
-    },
-    canSwitchNetworkTo(type, network) {
-      const wallet = wallets.get(type);
-      if (!wallet) {
-        return false;
-      }
-
-      const walletInstance = getWalletInstance(wallet);
-      return walletInstance.canSwitchNetworkTo
-        ? walletInstance.canSwitchNetworkTo(network, walletInstance.provider)
-        : false;
-    },
-    providers() {
-      const providers: { [type in WalletType]?: ProviderType } = {};
-      availableWallets(providersState).forEach((type) => {
-        const wallet = wallets.get(type);
-        if (wallet) {
-          const walletInstance = getWalletInstance(wallet);
-          providers[type] = walletInstance.provider;
-        }
-      });
-
-      return providers;
-    },
-    getWalletInfo(type) {
-      const wallet = wallets.get(type);
-      if (!wallet) {
-        throw new Error(`You should add ${type} to provider first.`);
-      }
-
-      /*
-       * Get wallet info could be used in render methods to show wallets data
-       * So, addWalletRef method shouldn't be called in this method
-       */
-
-      return wallet.actions.getWalletInfo(props.allBlockChains || []);
-    },
-    async getSigners(type) {
-      const wallet = wallets.get(type);
-
-      if (!wallet) {
-        throw new Error(`You should add ${type} to provider first.`);
-      }
-      const walletInstance = getWalletInstance(wallet);
-      const provider = walletInstance.provider;
-      const result = walletInstance.getSigners(provider);
-
-      return result;
-    },
-    hubProvider() {
-      throw new Error('This method is not available on legacy providers.');
-    },
-  };
-
-  // Initialize instances
-  useEffect(() => {
-    wallets.forEach((wallet) => {
-      const walletInstance = getWalletInstance(wallet);
-      const runOnInit = () => {
-        if (walletInstance.onInit) {
-          walletInstance.onInit();
-        }
-      };
-
-      const initWhenPageIsReady = (event: Event) => {
-        if (
-          event.target &&
-          (event.target as Document).readyState === 'complete'
-        ) {
-          runOnInit();
-
-          document.removeEventListener('readystatechange', initWhenPageIsReady);
-        }
-      };
-
-      // Try to run, maybe it's ready.
-      runOnInit();
-
-      /*
-       * Try again when the page has been completely loaded.
-       * Some of wallets, take some time to be fully injected and loaded.
-       */
-      document.addEventListener('readystatechange', initWhenPageIsReady);
-    });
-  }, []);
-
-  // Setting supported blockchains on instances
-  useEffect(() => {
-    const allBlockChains = props.allBlockChains;
-    if (allBlockChains) {
-      wallets.forEach((wallet) => {
-        const walletInstance = getWalletInstance(wallet);
-        const walletInfo = walletInstance.getWalletInfo(
-          props.allBlockChains || []
-        );
-        walletInstance.setInfo({
-          supportedBlockchains: walletInfo.supportedChains,
-          isContractWallet: !!walletInfo.isContractWallet,
-        });
-      });
-    }
-  }, [props.allBlockChains]);
-
-  // Setting event handler on instances
-  useEffect(() => {
-    wallets.forEach((wallet) => {
-      const walletInstance = getWalletInstance(wallet);
-      walletInstance.setHandler(
-        makeEventHandler(dispatch, props.onUpdateState)
-      );
-    });
-  }, [props.onUpdateState]);
-
-  return api;
-}

package/src/legacy/utils.ts

@@ -1,7 +0,0 @@
-import type { ProviderProps } from './types.js';
-
-export function shouldTryAutoConnect(
-  props: Pick<ProviderProps, 'allBlockChains' | 'autoConnect'>
-): boolean {
-  return !!props.allBlockChains?.length && !!props.autoConnect;
-}