@web3auth/no-modal/dist/lib.cjs/react/context/useWalletServicesContextValue.js

Multi chain wallet aggregator for web3Auth

'use strict';

var react = require('react');
require('@babel/runtime/helpers/objectSpread2');
require('@babel/runtime/helpers/defineProperty');
require('@segment/analytics-next');
require('../../base/loglevel.js');
require('@toruslabs/base-controllers');
require('@toruslabs/session-manager');
require('@web3auth/auth');
require('../../base/errors/index.js');
require('@toruslabs/constants');
require('@toruslabs/http-helpers');
require('../../base/constants.js');
require('../../base/wallet/index.js');
var connectorStatus = require('../../base/connector/connectorStatus.js');
require('../../base/connector/constants.js');
require('jwt-decode');
require('../../base/plugin/errors.js');
var IPlugin = require('../../base/plugin/IPlugin.js');

function useWalletServicesContextValue(web3AuthContext) {
  const {
    getPlugin,
    isInitialized,
    isConnected
  } = web3AuthContext;
  const [ready, setReady] = react.useState(false);
  const [connecting, setConnecting] = react.useState(false);
  const [walletServicesPlugin, setWalletServicesPlugin] = react.useState(null);
  react.useEffect(() => {
    if (!isInitialized) return;
    const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
    setWalletServicesPlugin(plugin);
  }, [isInitialized, getPlugin]);
  react.useEffect(() => {
    if (!isConnected) return;
    const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
    setWalletServicesPlugin(plugin);
    // When rehydrating, the connected listener may be registered after the connected event is emitted.
    if (connectorStatus.CONNECTED_STATUSES.includes(plugin === null || plugin === void 0 ? void 0 : plugin.status)) setReady(true);
  }, [isConnected, getPlugin]);
  react.useEffect(() => {
    const plugin = walletServicesPlugin;
    if (!plugin) return undefined;
    const connectedListener = () => {
      setReady(true);
      setConnecting(false);
    };
    const disconnectedListener = () => {
      setReady(false);
      setConnecting(false);
    };
    const connectingListener = () => {
      setConnecting(true);
    };
    plugin.on(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
    plugin.on(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
    plugin.on(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
    return () => {
      if (!plugin) return;
      plugin.removeListener(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
      plugin.removeListener(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
      plugin.removeListener(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
    };
  }, [walletServicesPlugin]);
  return react.useMemo(() => {
    return {
      plugin: walletServicesPlugin,
      ready,
      connecting
    };
  }, [walletServicesPlugin, ready, connecting]);
}

exports.useWalletServicesContextValue = useWalletServicesContextValue;