@reef-knot/web3-react 0.3.0 → 1.0.0

package/dist/hooks/useAutoConnect.js

@@ -0,0 +1,101 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import warning from 'tiny-warning';
+import { useRef, useCallback, useEffect } from 'react';
+import { useWeb3 } from './useWeb3.js';
+import { useConnectorStorage } from './useConnectorStorage.js';
+import { useConnectorInfo } from './useConnectorInfo.js';
+import { useDisconnect } from './useDisconnect.js';
+import { isDappBrowserProvider } from '../helpers/providerDetectors.js';
+import '../helpers/ua.js';
+
+var useAutoConnect = connectors => {
+  useEagerConnector(connectors);
+  useSaveConnectorToLS();
+  useDeleteConnectorFromLS();
+  useWatchConnectorInLS();
+};
+var useEagerConnector = connectors => {
+  var {
+    active,
+    activate
+  } = useWeb3();
+  var [savedConnector] = useConnectorStorage();
+  var tried = useRef(false);
+  var getEagerConnector = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    var {
+      gnosis,
+      ledgerlive,
+      injected
+    } = connectors;
+    // Ledger Live iframe
+    if (ledgerlive === null || ledgerlive === void 0 ? void 0 : ledgerlive.isLedgerApp()) return ledgerlive;
+    // Gnosis iframe
+    var isSaveApp = yield gnosis === null || gnosis === void 0 ? void 0 : gnosis.isSafeApp();
+    if (isSaveApp && gnosis) return gnosis;
+    // Dapp browsers
+    if (isDappBrowserProvider()) return injected;
+    // Saved in LS
+    var saved = savedConnector && connectors[savedConnector];
+    if (saved) return saved;
+    return null;
+  }), [connectors, savedConnector]);
+  useEffect(() => {
+    if (tried.current || active) return;
+    (() => __awaiter(void 0, void 0, void 0, function* () {
+      tried.current = true;
+      var connector = yield getEagerConnector();
+      if (!connector) return;
+      try {
+        yield activate(connector, undefined, true);
+      } catch (error) {
+        warning(false, 'Connector is not activated');
+      }
+    }))();
+  }, [activate, getEagerConnector, active]);
+};
+var useSaveConnectorToLS = () => {
+  var [, saveConnector] = useConnectorStorage();
+  var {
+    isInjected,
+    isDappBrowser,
+    isCoinbase,
+    isLedger
+  } = useConnectorInfo();
+  useEffect(() => {
+    if (isInjected && !isDappBrowser) return saveConnector('injected');
+    if (isCoinbase) return saveConnector('coinbase');
+    if (isLedger) return saveConnector('ledger');
+  }, [isLedger, isCoinbase, isInjected, isDappBrowser, saveConnector]);
+};
+var useDeleteConnectorFromLS = () => {
+  var [, saveConnector] = useConnectorStorage();
+  var {
+    active
+  } = useWeb3();
+  var lastState = useRef(active);
+  useEffect(() => {
+    var isStateChanged = lastState.current !== active;
+    var isDisconnected = !active;
+    lastState.current = active;
+    if (isStateChanged && isDisconnected) {
+      saveConnector(null);
+    }
+  }, [active, saveConnector]);
+};
+var useWatchConnectorInLS = () => {
+  var [savedConnector] = useConnectorStorage();
+  var {
+    disconnect
+  } = useDisconnect();
+  var lastConnector = useRef(savedConnector);
+  useEffect(() => {
+    var isConnectorChanged = lastConnector.current !== savedConnector;
+    var isDisconnected = !savedConnector;
+    lastConnector.current = savedConnector;
+    if (isConnectorChanged && isDisconnected) {
+      disconnect === null || disconnect === void 0 ? void 0 : disconnect();
+    }
+  }, [savedConnector, disconnect]);
+};
+
+export { useAutoConnect, useDeleteConnectorFromLS, useEagerConnector, useSaveConnectorToLS, useWatchConnectorInLS };

package/dist/{cjs/hooks → hooks}/useConnectorBraveWallet.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };

package/dist/hooks/useConnectorBraveWallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorBraveWallet.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorBraveWallet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,UAC3B,iBAAiB,KACvB,mBA2BF,CAAC"}

package/dist/hooks/useConnectorBraveWallet.js

@@ -0,0 +1,47 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import invariant from 'tiny-invariant';
+import warning from 'tiny-warning';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useWeb3 } from './useWeb3.js';
+import { hasInjected, isBraveWalletProvider } from '../helpers/providerDetectors.js';
+import '../helpers/ua.js';
+import { openWindow } from '../helpers/openWindow.js';
+import { useForceDisconnect } from './useDisconnect.js';
+
+var WALLET_URL = 'https://brave.com/download/';
+var useConnectorBraveWallet = args => {
+  var {
+    injected
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var suggestApp = useCallback(() => {
+    try {
+      openWindow(WALLET_URL);
+    } catch (error) {
+      warning(false, 'Failed to open the link');
+    }
+  }, []);
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    invariant(injected, 'Connector is required');
+    if (hasInjected() && isBraveWalletProvider()) {
+      yield disconnect();
+      yield activate(injected);
+      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+    } else {
+      suggestApp();
+    }
+  }), [injected, disconnect, activate, onConnect, suggestApp]);
+  return {
+    connect,
+    connector: injected
+  };
+};
+
+export { useConnectorBraveWallet };

package/dist/{esm/hooks → hooks}/useConnectorCoin98.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };

package/dist/hooks/useConnectorCoin98.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorCoin98.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorCoin98.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAWnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAMF,eAAO,MAAM,kBAAkB,UACtB,iBAAiB,KACvB,mBA6BF,CAAC"}

package/dist/hooks/useConnectorCoin98.js

@@ -0,0 +1,50 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import invariant from 'tiny-invariant';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useWeb3 } from './useWeb3.js';
+import { hasInjected, isCoin98Provider } from '../helpers/providerDetectors.js';
+import { isAndroid, isIOS } from '../helpers/ua.js';
+import { openWindow } from '../helpers/openWindow.js';
+import { useForceDisconnect } from './useDisconnect.js';
+
+var WALLET_URL_ANDROID = 'https://android.coin98.app';
+var WALLET_URL_IOS = 'https://ios.coin98.app';
+var WALLET_URL_CHROME = 'https://chrome.coin98.com';
+var useConnectorCoin98 = args => {
+  var {
+    injected
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var suggestApp = useCallback(() => {
+    if (isAndroid) {
+      openWindow(WALLET_URL_ANDROID);
+    } else if (isIOS) {
+      openWindow(WALLET_URL_IOS);
+    } else {
+      openWindow(WALLET_URL_CHROME);
+    }
+  }, []);
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    invariant(injected, 'Connector is required');
+    if (hasInjected() && isCoin98Provider()) {
+      yield disconnect();
+      yield activate(injected);
+      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+    } else {
+      suggestApp();
+    }
+  }), [injected, disconnect, activate, onConnect, suggestApp]);
+  return {
+    connect,
+    connector: injected
+  };
+};
+
+export { useConnectorCoin98 };

package/dist/{esm/hooks → hooks}/useConnectorCoinbase.d.ts

@@ -1,6 +1,6 @@
 import { WalletLinkConnector } from '@web3-react/walletlink-connector';
 import { ConnectorHookArgs } from './types';
-declare type Connector = {
+type Connector = {
     connect: () => Promise<void>;
     connector: WalletLinkConnector;
 };

package/dist/hooks/useConnectorCoinbase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorCoinbase.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorCoinbase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,KAAG,SAa/D,CAAC"}

package/dist/hooks/useConnectorCoinbase.js

@@ -0,0 +1,29 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useForceDisconnect } from './useDisconnect.js';
+import { useWeb3 } from './useWeb3.js';
+
+var useConnectorCoinbase = args => {
+  var {
+    coinbase
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    yield disconnect();
+    yield activate(coinbase);
+    onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+  }), [disconnect, activate, coinbase, onConnect]);
+  return {
+    connect,
+    connector: coinbase
+  };
+};
+
+export { useConnectorCoinbase };

package/dist/hooks/useConnectorError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorError.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorError.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,QAAO,KAAK,GAAG,SAa5C,CAAC"}

package/dist/{esm/hooks → hooks}/useConnectorError.js

@@ -3,9 +3,13 @@ import '../helpers/ua.js';
 import interceptLedgerError from '../helpers/interceptLedgerError.js';
 import { useConnectorInfo } from './useConnectorInfo.js';
 
-var useConnectorError = function useConnectorError() {
-  var error = useWeb3().error;
-  var isLedger = useConnectorInfo().isLedger;
+var useConnectorError = () => {
+  var {
+    error
+  } = useWeb3();
+  var {
+    isLedger
+  } = useConnectorInfo();
   if (!error) {
     return error;
   }

package/dist/{cjs/hooks → hooks}/useConnectorExodus.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };

package/dist/hooks/useConnectorExodus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorExodus.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorExodus.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,kBAAkB,UACtB,iBAAiB,KACvB,mBA2BF,CAAC"}

package/dist/hooks/useConnectorExodus.js

@@ -0,0 +1,47 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import invariant from 'tiny-invariant';
+import warning from 'tiny-warning';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useWeb3 } from './useWeb3.js';
+import { hasInjected, isExodusProvider } from '../helpers/providerDetectors.js';
+import '../helpers/ua.js';
+import { openWindow } from '../helpers/openWindow.js';
+import { useForceDisconnect } from './useDisconnect.js';
+
+var WALLET_URL = 'https://www.exodus.com/browser-extension/';
+var useConnectorExodus = args => {
+  var {
+    injected
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var suggestApp = useCallback(() => {
+    try {
+      openWindow(WALLET_URL);
+    } catch (error) {
+      warning(false, 'Failed to open the link');
+    }
+  }, []);
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    invariant(injected, 'Connector is required');
+    if (hasInjected() && isExodusProvider()) {
+      yield disconnect();
+      yield activate(injected);
+      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+    } else {
+      suggestApp();
+    }
+  }), [injected, disconnect, activate, onConnect, suggestApp]);
+  return {
+    connect,
+    connector: injected
+  };
+};
+
+export { useConnectorExodus };

package/dist/{esm/hooks → hooks}/useConnectorGamestop.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };

package/dist/hooks/useConnectorGamestop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorGamestop.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorGamestop.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACxB,iBAAiB,KACvB,mBA2BF,CAAC"}

package/dist/hooks/useConnectorGamestop.js

@@ -0,0 +1,47 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import invariant from 'tiny-invariant';
+import warning from 'tiny-warning';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useWeb3 } from './useWeb3.js';
+import { hasInjected, isGamestopProvider } from '../helpers/providerDetectors.js';
+import '../helpers/ua.js';
+import { openWindow } from '../helpers/openWindow.js';
+import { useForceDisconnect } from './useDisconnect.js';
+
+var WALLET_URL = 'https://wallet.gamestop.com/';
+var useConnectorGamestop = args => {
+  var {
+    injected
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var suggestApp = useCallback(() => {
+    try {
+      openWindow(WALLET_URL);
+    } catch (error) {
+      warning(false, 'Failed to open the link');
+    }
+  }, []);
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    invariant(injected, 'Connector is required');
+    if (hasInjected() && isGamestopProvider()) {
+      yield disconnect();
+      yield activate(injected);
+      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+    } else {
+      suggestApp();
+    }
+  }), [injected, disconnect, activate, onConnect, suggestApp]);
+  return {
+    connect,
+    connector: injected
+  };
+};
+
+export { useConnectorGamestop };

package/dist/{esm/hooks → hooks}/useConnectorImToken.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };

package/dist/hooks/useConnectorImToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorImToken.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorImToken.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,mBAAmB,UACvB,iBAAiB,KACvB,mBA+BF,CAAC"}

package/dist/hooks/useConnectorImToken.js

@@ -0,0 +1,48 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import invariant from 'tiny-invariant';
+import warning from 'tiny-warning';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useWeb3 } from './useWeb3.js';
+import { hasInjected, isImTokenProvider } from '../helpers/providerDetectors.js';
+import '../helpers/ua.js';
+import { openWindow } from '../helpers/openWindow.js';
+import { useForceDisconnect } from './useDisconnect.js';
+
+var WALLET_URL = 'imtokenv2://navigate/DappView?url=';
+var useConnectorImToken = args => {
+  var {
+    injected
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var openInWallet = useCallback(() => {
+    try {
+      var pageUrl = encodeURIComponent(window.location.href);
+      openWindow("".concat(WALLET_URL).concat(pageUrl));
+    } catch (error) {
+      warning(false, 'Failed to open the link');
+    }
+  }, []);
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    invariant(injected, 'Connector is required');
+    if (hasInjected() && isImTokenProvider()) {
+      yield disconnect();
+      yield activate(injected);
+      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+    } else {
+      openInWallet();
+    }
+  }), [injected, disconnect, activate, onConnect, openInWallet]);
+  return {
+    connect,
+    connector: injected
+  };
+};
+
+export { useConnectorImToken };

package/dist/{cjs/hooks → hooks}/useConnectorInfo.d.ts

@@ -1,7 +1,8 @@
+import { CONNECTOR_NAMES } from '../constants';
 import { Connector } from '../context';
-declare type ConnectorInfo = {
+type ConnectorInfo = {
     providerName?: string;
-    connectorName?: Connector;
+    connectorName?: Connector | CONNECTOR_NAMES.WALLET_CONNECT;
     isGnosis: boolean;
     isLedger: boolean;
     isLedgerLive: boolean;

package/dist/hooks/useConnectorInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAkBvC,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC,cAAc,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAsHnC,CAAC"}

package/dist/{esm/hooks → hooks}/useConnectorInfo.js

@@ -1,6 +1,7 @@
+import { useAccount } from 'wagmi';
+import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
 import { SafeAppConnector } from '@gnosis.pm/safe-apps-web3-react';
 import { InjectedConnector } from '@web3-react/injected-connector';
-import { WalletConnectConnector } from '@web3-react/walletconnect-connector';
 import { WalletLinkConnector } from '@web3-react/walletlink-connector';
 import { LedgerHQFrameConnector } from 'web3-ledgerhq-frame-connector';
 import { LedgerHQConnector } from 'web3-ledgerhq-connector';
@@ -9,19 +10,32 @@ import { PROVIDER_NAMES, CONNECTOR_NAMES } from '../constants/connectors.js';
 import { isCoinbaseProvider, isDappBrowserProvider, isMetamaskProvider, isCoin98Provider, isMathWalletProvider, isImTokenProvider, isTrustProvider, isTallyProvider, isBraveWalletProvider, isOperaWalletProvider, isExodusProvider, isGamestopProvider, isXdefiProvider, isZerionProvider } from '../helpers/providerDetectors.js';
 import '../helpers/ua.js';
 
-var useConnectorInfo = function useConnectorInfo() {
-  var _a = useWeb3(),
-    active = _a.active,
-    connector = _a.connector;
+var useConnectorInfo = () => {
+  var {
+    active,
+    connector
+  } = useWeb3();
+  // === WAGMI connectors BEGIN
+  var {
+    isConnected,
+    connector: wagmiConnector
+  } = useAccount();
+  var isConnectedViaWagmi = isConnected && !!wagmiConnector;
+  var isWalletConnect = isConnectedViaWagmi && wagmiConnector instanceof WalletConnectConnector;
+  // === WAGMI connectors END
+  // === WEB3-REACT connectors BEGIN
   var isGnosis = active && connector instanceof SafeAppConnector;
-  var isWalletConnect = active && connector instanceof WalletConnectConnector;
   var isLedgerLive = active && connector instanceof LedgerHQFrameConnector;
   var isLedger = connector instanceof LedgerHQConnector;
   // WalletLink is used by Coinbase, but it can be used by other wallets too.
   var isWalletLink = active && connector instanceof WalletLinkConnector;
   // This detection doesn't work for the connection via QR code scanning.
   var isCoinbase = active && isCoinbaseProvider();
-  var isInjected = active && connector instanceof InjectedConnector;
+  var isInjected =
+  // check for web3-react
+  active && connector instanceof InjectedConnector ||
+  // check for wagmi
+  isConnectedViaWagmi && wagmiConnector.id === 'injected';
   var isDappBrowser = isInjected && isDappBrowserProvider();
   var isMetamask = isInjected && isMetamaskProvider();
   var isCoin98 = isInjected && isCoin98Provider();
@@ -35,7 +49,7 @@ var useConnectorInfo = function useConnectorInfo() {
   var isGamestop = isInjected && isGamestopProvider();
   var isXdefi = isInjected && isXdefiProvider();
   var isZerion = isInjected && isZerionProvider();
-  var providerName = function () {
+  var providerName = (() => {
     if (isGnosis) return PROVIDER_NAMES.GNOSIS;
     if (isLedger) return PROVIDER_NAMES.LEDGER;
     if (isLedgerLive) return PROVIDER_NAMES.LEDGER_HQ_LIVE;
@@ -63,8 +77,8 @@ var useConnectorInfo = function useConnectorInfo() {
     if (isWalletLink) return PROVIDER_NAMES.WALLET_LINK;
     if (isInjected) return PROVIDER_NAMES.INJECTED;
     return undefined;
-  }();
-  var connectorName = function () {
+  })();
+  var connectorName = (() => {
     if (isCoinbase) return CONNECTOR_NAMES.COINBASE;
     if (isGnosis) return CONNECTOR_NAMES.GNOSIS;
     if (isLedger) return CONNECTOR_NAMES.LEDGER;
@@ -75,29 +89,29 @@ var useConnectorInfo = function useConnectorInfo() {
     if (isWalletLink) return CONNECTOR_NAMES.WALLET_LINK;
     if (isInjected) return CONNECTOR_NAMES.INJECTED;
     return undefined;
-  }();
+  })();
   return {
-    connectorName: connectorName,
-    providerName: providerName,
-    isGnosis: isGnosis,
-    isLedger: isLedger,
-    isLedgerLive: isLedgerLive,
-    isWalletConnect: isWalletConnect,
-    isWalletLink: isWalletLink,
-    isCoinbase: isCoinbase,
-    isMetamask: isMetamask,
-    isCoin98: isCoin98,
-    isMathWallet: isMathWallet,
-    isImToken: isImToken,
-    isTrust: isTrust,
-    isTally: isTally,
-    isBraveWallet: isBraveWallet,
-    isOperaWallet: isOperaWallet,
-    isExodus: isExodus,
-    isGamestop: isGamestop,
-    isXdefi: isXdefi,
-    isDappBrowser: isDappBrowser,
-    isInjected: isInjected
+    connectorName,
+    providerName,
+    isGnosis,
+    isLedger,
+    isLedgerLive,
+    isWalletConnect,
+    isWalletLink,
+    isCoinbase,
+    isMetamask,
+    isCoin98,
+    isMathWallet,
+    isImToken,
+    isTrust,
+    isTally,
+    isBraveWallet,
+    isOperaWallet,
+    isExodus,
+    isGamestop,
+    isXdefi,
+    isDappBrowser,
+    isInjected
   };
 };
 

package/dist/{esm/hooks → hooks}/useConnectorLedger.d.ts

@@ -1,6 +1,6 @@
 import { LedgerHQConnector } from 'web3-ledgerhq-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: LedgerHQConnector;
 };

package/dist/hooks/useConnectorLedger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectorLedger.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorLedger.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,UACtB,iBAAiB,KACvB,mBAgBF,CAAC"}

package/dist/hooks/useConnectorLedger.js

@@ -0,0 +1,29 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useConnectors } from './useConnectors.js';
+import { useForceDisconnect } from './useDisconnect.js';
+import { useWeb3 } from './useWeb3.js';
+
+var useConnectorLedger = args => {
+  var {
+    ledger
+  } = useConnectors();
+  var {
+    activate
+  } = useWeb3();
+  var {
+    disconnect
+  } = useForceDisconnect();
+  var onConnect = args === null || args === void 0 ? void 0 : args.onConnect;
+  var connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    yield disconnect();
+    yield activate(ledger);
+    onConnect === null || onConnect === void 0 ? void 0 : onConnect();
+  }), [activate, disconnect, ledger, onConnect]);
+  return {
+    connect,
+    connector: ledger
+  };
+};
+
+export { useConnectorLedger };

package/dist/{esm/hooks → hooks}/useConnectorMathWallet.d.ts

@@ -1,6 +1,6 @@
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { ConnectorHookArgs } from './types';
-declare type ConnectorHookResult = {
+type ConnectorHookResult = {
     connect: () => Promise<void>;
     connector: InjectedConnector;
 };