@reef-knot/web3-react 1.0.6 → 1.0.7

package/dist/context/web3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web3.d.ts","sourceRoot":"","sources":["../../src/context/web3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvC,OAA2B,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;IAC/D,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;;AAkFD,wBAAyD"}
+{"version":3,"file":"web3.d.ts","sourceRoot":"","sources":["../../src/context/web3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvC,OAA2B,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;IAC/D,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;;AAqGD,wBAAyD"}

package/dist/context/web3.js

@@ -5,7 +5,7 @@ import { Web3Provider } from '@ethersproject/providers';
 import { CHAINS } from '@lido-sdk/constants';
 import { getStaticRpcBatchProvider } from '@lido-sdk/providers';
 import { ProviderSDK as ProviderSDK$1 } from '@lido-sdk/react';
-import { Web3ReactProvider } from '@web3-react/core';
+import { Web3ReactProvider, useWeb3React } from '@web3-react/core';
 import { useAccount } from 'wagmi';
 import 'tiny-warning';
 import { useWeb3 } from '../hooks/useWeb3.js';
@@ -34,30 +34,43 @@ var ProviderSDK = props => {
       pollingInterval = POLLING_INTERVAL
     } = props,
     rest = __rest(props, ["rpc", "defaultChainId", "supportedChainIds", "children", "pollingInterval"]);
+  var {
+    active: isConnectedViaWeb3React,
+    library
+  } = useWeb3React();
   var {
     chainId = defaultChainId,
-    library,
-    account
+    account,
+    active
   } = useWeb3();
-  var [providerWeb3, setProviderWeb3] = useState();
-  // attempt to get providerWeb3 from wagmi
   var {
     connector: connectorWagmi,
-    isConnected
+    isConnected: isConnectedViaWagmi
   } = useAccount();
+  var [providerWeb3, setProviderWeb3] = useState();
+  // Reset web3 provider if the provider was set previously,
+  // and currently no wallet is connected via wagmi or web3-react.
+  // Gets triggered on a wallet disconnection, for example.
+  if (!active && providerWeb3) {
+    setProviderWeb3(undefined);
+  }
+  // Switching providers between wagmi and web3-react.
+  // This code is neither clean nor efficient, but it will be deprecated after transition to wagmi is complete.
+  // useEffect is needed here because we are calling getProvider async method from wagmi,
+  // which can be taken as an external API
   useEffect(() => {
     (() => __awaiter(void 0, void 0, void 0, function* () {
-      if (isConnected && !providerWeb3 && connectorWagmi) {
+      if (!providerWeb3 && connectorWagmi && isConnectedViaWagmi) {
         // Set wagmi provider
         var p = yield connectorWagmi.getProvider();
         setProviderWeb3(getLibrary(p));
-      } else if (!providerWeb3) {
+      } else if (!providerWeb3 && library && isConnectedViaWeb3React) {
         // Set web3-react provider
         // Passing `library` as init value for useState does not work, but works like this:
         setProviderWeb3(library);
       }
     }))();
-  }, [connectorWagmi, isConnected, library, providerWeb3]);
+  }, [connectorWagmi, isConnectedViaWagmi, isConnectedViaWeb3React, library, providerWeb3]);
   invariant(rpc[chainId], "RPC url for chain ".concat(chainId, " is not provided"));
   invariant(rpc[CHAINS.Mainnet], 'RPC url for mainnet is not provided');
   var providerRpc = getStaticRpcBatchProvider(chainId, rpc[chainId], 0, pollingInterval);

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

@@ -1 +1 @@
-{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAwBA,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,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,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,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,aAiGnC,CAAC"}
+{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAwBA,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,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,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,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,aAyGnC,CAAC"}

package/dist/hooks/useConnectorInfo.js

@@ -49,6 +49,13 @@ var useConnectorInfo = () => {
   var isZerion = isInjected && isZerionProvider();
   var providerName = (() => {
     if (isConnectedViaWagmi && wagmiConnector.name) return wagmiConnector.name;
+    // Do not try to detect providerName if the app is opened in a mobile wallet dapp browser,
+    // because such wallets often mimic other wallets which makes proper detection to be hard.
+    // Also, if the app is opened in a mobile wallet dapp browser,
+    // then we autoconnect the wallet via injected connector,
+    // and we don't allow to disconnect in such case.
+    // So it is easy for a user to understand which wallet app is being used for connection.
+    if (isDappBrowser) return undefined;
     if (isGnosis) return PROVIDER_NAMES.GNOSIS;
     if (isLedger) return PROVIDER_NAMES.LEDGER;
     if (isLedgerLive) return PROVIDER_NAMES.LEDGER_HQ_LIVE;

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

@@ -1 +1 @@
-{"version":3,"file":"useWeb3.d.ts","sourceRoot":"","sources":["../../src/hooks/useWeb3.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,wBAAgB,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAkD3E"}
+{"version":3,"file":"useWeb3.d.ts","sourceRoot":"","sources":["../../src/hooks/useWeb3.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,wBAAgB,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAgD3E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/web3-react",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {