select-wallet.ts

/**
 * Helper function to select wallet.
 * Navigates to selector screen, and then navigates back while resolving promise with selected wallet.
 *
 * @param navigateFunc {function} Function that does navigatino should be passed from outside
 * @param currentScreenName {string} Current screen name, so we know to what screen to get back to
 * @param chainType {string} One of `Chain.` constant to be used to filter wallet pannels to show
 * @param availableWallets {array} Wallets to be present in selector. If set, overrides `chainType`
 * @param noWalletExplanationText {string} Text that is displayed when there are no wallets to select from
 *
 * @returns {Promise<AbstractWallet>}
 */
import { AbstractWallet } from '../class';

module.exports = function (
  navigateFunc: (scr: string, params?: any) => void,
  currentScreenName: string,
  chainType: string | null,
  availableWallets?: AbstractWallet[],
  noWalletExplanationText = '',
): Promise<AbstractWallet> {
  return new Promise((resolve, reject) => {
    if (!currentScreenName) return reject(new Error('currentScreenName is not provided'));

    const params: {
      chainType: string | null;
      availableWallets?: AbstractWallet[];
      noWalletExplanationText?: string;
      onWalletSelect: (selectedWallet: AbstractWallet) => void;
    } = {
      chainType: null,
      onWalletSelect: (selectedWallet: AbstractWallet) => {},
    };
    if (chainType) params.chainType = chainType;
    if (availableWallets) params.availableWallets = availableWallets;
    if (noWalletExplanationText) params.noWalletExplanationText = noWalletExplanationText;

    params.onWalletSelect = function (selectedWallet: AbstractWallet) {
      if (!selectedWallet) return;

      setTimeout(() => resolve(selectedWallet), 1);
      console.warn('trying to navigate back to', currentScreenName);
      navigateFunc(currentScreenName);
    };

    navigateFunc('SelectWallet', params);
  });
};