@reef-knot/web3-react 1.7.0 → 1.8.0

package/dist/context/web3.js

@@ -6,7 +6,7 @@ import { CHAINS } from '@lido-sdk/constants';
 import { getStaticRpcBatchProvider } from '@lido-sdk/providers';
 import { ProviderSDK as ProviderSDK$1 } from '@lido-sdk/react';
 import { Web3ReactProvider, useWeb3React } from '@web3-react/core';
-import { ReefKnot } from '@reef-knot/core-react';
+import { holesky, ReefKnot } from '@reef-knot/core-react';
 import { useAccount } from 'wagmi';
 import * as wagmiChains from 'wagmi/chains';
 import { useWeb3 } from '../hooks/useWeb3.js';
@@ -103,7 +103,9 @@ var ProviderWeb3 = props => {
     appLogoUrl,
     defaultChainId
   };
-  var wagmiChainsArray = Object.values(wagmiChains);
+  var wagmiChainsArray = Object.values(Object.assign(Object.assign({}, wagmiChains), {
+    holesky
+  }));
   var supportedWagmiChains = wagmiChainsArray.filter(chain => supportedChainIds.includes(chain.id));
   var defaultWagmiChain = wagmiChainsArray.find(chain => chain.id === defaultChainId);
   return /*#__PURE__*/React.createElement(Web3ReactProvider, {

package/dist/helpers/index.d.ts

@@ -3,4 +3,5 @@ export * from './ua';
 export * from './openWindow';
 export { default as isUrl } from './isUrl';
 export * from './interceptLedgerError';
+export * from './unsupportedChainError';
 //# sourceMappingURL=index.d.ts.map

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,MAAM,CAAC;AACrB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,MAAM,CAAC;AACrB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC"}

package/dist/helpers/index.js

@@ -3,3 +3,4 @@ export { browser, checkIfBraveBrowser, device, isAndroid, isEdge, isFirefox, isI
 export { openWindow } from './openWindow.js';
 export { default as isUrl } from './isUrl.js';
 export { LedgerErrorsDict, interceptLedgerError } from './interceptLedgerError.js';
+export { getUnsupportedChainError } from './unsupportedChainError.js';

package/dist/helpers/unsupportedChainError.d.ts

@@ -0,0 +1,3 @@
+import { Chain } from 'wagmi/chains';
+export declare const getUnsupportedChainError: (supportedChains: Chain[]) => Error;
+//# sourceMappingURL=unsupportedChainError.d.ts.map

package/dist/helpers/unsupportedChainError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupportedChainError.d.ts","sourceRoot":"","sources":["../../src/helpers/unsupportedChainError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,eAAO,MAAM,wBAAwB,oBAAqB,KAAK,EAAE,UAahE,CAAC"}

package/dist/helpers/unsupportedChainError.js

@@ -0,0 +1,16 @@
+var getUnsupportedChainError = supportedChains => {
+  // Get names of supported chains to suggest them in case of "unsupported network" error
+  var supportedChainsNames = (() => {
+    var chains = supportedChains.map(_ref => {
+      var {
+        name
+      } = _ref;
+      return name;
+    }).filter(chainName => chainName !== 'unknown');
+    var lastChain = chains.pop();
+    return [chains.join(', '), lastChain].filter(chain => chain).join(' or ');
+  })();
+  return new Error("Unsupported chain. Please switch to ".concat(supportedChainsNames, " in your wallet and restart the page."));
+};
+
+export { getUnsupportedChainError };

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,cAAc,eAAgB,sBAAsB,SAKhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,eAAgB,sBAAsB,SAmEnE,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAwBvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,IAgB3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,IAexC,CAAC"}
+{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,cAAc,eAAgB,sBAAsB,SAKhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,eAAgB,sBAAsB,SA6EnE,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAwBvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,IAgB3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,IAexC,CAAC"}

package/dist/hooks/useAutoConnect.js

@@ -54,12 +54,22 @@ var useEagerConnector = connectors => {
       })();
       if (!connector) return;
       var connectWallet = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _d;
-        yield activate(connector, undefined, true);
-        // Hide the modal if a user approved the connection in a wallet's UI.
-        // If a user rejects the connection, then an error is thrown
-        // and the following code is not being reached, the modal stays visible.
-        (_d = acceptTermsModal.setVisible) === null || _d === void 0 ? void 0 : _d.call(acceptTermsModal, false);
+        var _d, _e, _f, _g;
+        var error = undefined;
+        try {
+          yield activate(connector, undefined, true);
+        } catch (e) {
+          error = e;
+        }
+        if (shouldAutoConnectApp) {
+          if (!termsAccepted || error) {
+            (_d = acceptTermsModal.setError) === null || _d === void 0 ? void 0 : _d.call(acceptTermsModal, error);
+            (_e = acceptTermsModal.setVisible) === null || _e === void 0 ? void 0 : _e.call(acceptTermsModal, true);
+          } else {
+            (_f = acceptTermsModal.setVisible) === null || _f === void 0 ? void 0 : _f.call(acceptTermsModal, false);
+            (_g = acceptTermsModal.setError) === null || _g === void 0 ? void 0 : _g.call(acceptTermsModal, undefined);
+          }
+        }
       });
       var termsAccepted = false;
       if (typeof window !== 'undefined') {

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

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

package/dist/hooks/useConnectorError.js

@@ -1,7 +1,10 @@
 import { useWeb3 } from './useWeb3.js';
+import { useReefKnotContext } from '@reef-knot/core-react';
 import '../helpers/ua.js';
 import { interceptLedgerError } from '../helpers/interceptLedgerError.js';
+import { getUnsupportedChainError } from '../helpers/unsupportedChainError.js';
 import { useConnectorInfo } from './useConnectorInfo.js';
+import { useSupportedChains } from './useSupportedChains.js';
 
 var useConnectorError = () => {
   var {
@@ -10,9 +13,18 @@ var useConnectorError = () => {
   var {
     isLedger
   } = useConnectorInfo();
+  var {
+    isUnsupported
+  } = useSupportedChains();
+  var {
+    chains: supportedChains
+  } = useReefKnotContext();
   if (!error) {
     return;
   }
+  if (isUnsupported) {
+    return getUnsupportedChainError(supportedChains);
+  }
   if (isLedger) {
     return interceptLedgerError(error);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/web3-react",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -49,7 +49,7 @@
     "@lido-sdk/constants": "^3.2.0",
     "@lido-sdk/providers": "^1.4.13",
     "@lido-sdk/react": "^2.0.2",
-    "@reef-knot/core-react": "^1.5.1",
+    "@reef-knot/core-react": "^1.7.0",
     "@reef-knot/ledger-connector": "^1.1.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^7.0.2",