@sky-mavis/tanto-widget/dist/cjs/views/connect/ConnectInjector.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var react = require('react');
var constants = require('../../constants.cjs');
var useWidgetConnect = require('../../contexts/widget-connect/useWidgetConnect.cjs');
var useConnectAndAuth = require('../../hooks/useConnectAndAuth.cjs');
var ConnectLayout = require('./components/ConnectLayout.cjs');

function ConnectInjector() {
  const {
    selectedWallet,
    selectedConnector
  } = useWidgetConnect.useWidgetConnect();
  const {
    status,
    connect
  } = useConnectAndAuth.useConnectAndAuth({
    connector: selectedConnector
  });
  react.useEffect(() => {
    const timer = setTimeout(connect, constants.DELAY_CONNECT);
    return () => clearTimeout(timer);
  }, [connect]);
  if (!selectedWallet) return null;
  return jsxRuntime.jsx(ConnectLayout.ConnectLayout, {
    wallet: selectedWallet,
    status: status,
    onRetry: connect
  });
}

exports.ConnectInjector = ConnectInjector;