@reef-knot/web3-react 1.12.0 → 1.13.1

package/dist/context/connectors.d.ts

@@ -4,6 +4,7 @@ import { SafeAppConnector } from '@gnosis.pm/safe-apps-web3-react';
 import { CHAINS } from '@lido-sdk/constants';
 import { LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
 export interface ConnectorsContextProps {
+    children?: React.ReactNode;
     defaultChainId: CHAINS;
     rpc: Record<number, string>;
     appName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"connectors.d.ts","sourceRoot":"","sources":["../../src/context/connectors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,uCAA8C,CAAC;;AAmC7E,wBAAoE"}
+{"version":3,"file":"connectors.d.ts","sourceRoot":"","sources":["../../src/context/connectors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,uCAA8C,CAAC;;AAmC7E,wBAAoE"}

package/dist/context/web3.d.ts

@@ -3,6 +3,7 @@ import { CHAINS } from '@lido-sdk/constants';
 import { SWRConfiguration } from 'swr';
 import { ConnectorsContextProps } from './connectors';
 export interface ProviderWeb3Props extends ConnectorsContextProps {
+    children?: React.ReactNode;
     defaultChainId: CHAINS;
     supportedChainIds: CHAINS[];
     swrConfig?: SWRConfiguration;
@@ -10,6 +11,6 @@ export interface ProviderWeb3Props extends ConnectorsContextProps {
     walletconnectProjectId?: string;
     onError?: (error: unknown) => void;
 }
-declare const _default: React.MemoExoticComponent<React.FC<ProviderWeb3Props>>;
+declare const _default: React.MemoExoticComponent<(props: ProviderWeb3Props) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=web3.d.ts.map

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;AAO7C,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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;;AA4HD,wBAAyD"}
+{"version":3,"file":"web3.d.ts","sourceRoot":"","sources":["../../src/context/web3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAO7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvC,OAA2B,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,iBAAkB,SAAQ,sBAAsB;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;;AA6HD,wBAAkC"}

package/dist/context/web3.js

@@ -17,7 +17,6 @@ import '@web3-react/injected-connector';
 import '@web3-react/walletlink-connector';
 import '@reef-knot/ledger-connector';
 import '../helpers/ua.js';
-import 'tiny-warning';
 import ProviderConnectors from './connectors.js';
 
 function getLibrary(provider) {
@@ -75,14 +74,18 @@ var ProviderSDK = props => {
   invariant(rpc[CHAINS.Mainnet], 'RPC url for mainnet is not provided');
   var providerRpc = getStaticRpcBatchProvider(chainId, rpc[chainId], 0, pollingInterval);
   var providerMainnetRpc = getStaticRpcBatchProvider(CHAINS.Mainnet, rpc[CHAINS.Mainnet], 0, pollingInterval);
-  return /*#__PURE__*/React.createElement(ProviderSDK$1, Object.assign({
-    chainId: chainId,
-    supportedChainIds: supportedChainIds,
-    providerWeb3: providerWeb3,
-    providerRpc: providerRpc,
-    providerMainnetRpc: providerMainnetRpc,
-    account: account !== null && account !== void 0 ? account : undefined
-  }, rest), children);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error Property children does not exist on type IntrinsicAttributes & SDKContextProps
+    React.createElement(ProviderSDK$1, Object.assign({
+      chainId: chainId,
+      supportedChainIds: supportedChainIds,
+      providerWeb3: providerWeb3,
+      providerRpc: providerRpc,
+      providerMainnetRpc: providerMainnetRpc,
+      account: account !== null && account !== void 0 ? account : undefined
+    }, rest), children)
+  );
 };
 var ProviderWeb3 = props => {
   var {
@@ -107,7 +110,7 @@ var ProviderWeb3 = props => {
     holesky
   }));
   var supportedWagmiChains = wagmiChainsArray.filter(chain => supportedChainIds.includes(chain.id));
-  var defaultWagmiChain = wagmiChainsArray.find(chain => chain.id === defaultChainId);
+  var defaultWagmiChain = wagmiChainsArray.find(chain => chain.id === defaultChainId) || wagmiChainsArray[0];
   return /*#__PURE__*/React.createElement(Web3ReactProvider, {
     getLibrary: getLibrary
   }, /*#__PURE__*/React.createElement(ProviderSDK, Object.assign({

package/dist/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './useAutoConnect';
 export * from './useConnectorInfo';
-export * from './useConnectorMetamask';
 export * from './useConnectors';
 export * from './useConnectorStorage';
 export * from './useDisconnect';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}

package/dist/hooks/useConnectorInfo.d.ts

@@ -2,6 +2,7 @@ type ConnectorInfo = {
     providerName?: string;
     isConnectedViaWagmi: boolean;
     isGnosis: boolean;
+    isLedger: boolean;
     isLedgerLive: boolean;
     isWalletLink: boolean;
     isCoinbase: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAiBA,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAkFnC,CAAC"}
+{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAoBA,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,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAsFnC,CAAC"}

package/dist/hooks/useConnectorInfo.js

@@ -2,7 +2,7 @@ import { useAccount } from 'wagmi';
 import { SafeAppConnector } from '@gnosis.pm/safe-apps-web3-react';
 import { InjectedConnector } from '@web3-react/injected-connector';
 import { WalletLinkConnector } from '@web3-react/walletlink-connector';
-import { LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
+import { LedgerHIDConnector, LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
 import { useWeb3 } from './useWeb3.js';
 import { PROVIDER_NAMES } from '../constants/connectors.js';
 import { isCoinbaseProvider, isDappBrowserProvider, isMetamaskProvider, isImTokenProvider, isTrustProvider, isXdefiProvider, isZerionProvider } from '../helpers/providerDetectors.js';
@@ -19,6 +19,7 @@ var useConnectorInfo = () => {
     connector: wagmiConnector
   } = useAccount();
   var isConnectedViaWagmi = isConnected && !!wagmiConnector;
+  var isLedger = wagmiConnector instanceof LedgerHIDConnector;
   // === WAGMI connectors END
   // === WEB3-REACT connectors BEGIN
   var isGnosis = active && connector instanceof SafeAppConnector;
@@ -48,6 +49,7 @@ var useConnectorInfo = () => {
     // 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;
     if (isImToken) return PROVIDER_NAMES.IM_TOKEN;
     if (isTrust) return PROVIDER_NAMES.TRUST;
@@ -70,6 +72,7 @@ var useConnectorInfo = () => {
     providerName,
     isConnectedViaWagmi,
     isGnosis,
+    isLedger,
     isLedgerLive,
     isWalletLink,
     isCoinbase,

package/dist/index.js

@@ -5,7 +5,6 @@ export { default as ProviderWeb3 } from './context/web3.js';
 export { ConnectorsContext, default as ProviderConnectors } from './context/connectors.js';
 export { useAutoConnect, useDeleteConnectorFromLS, useEagerConnector, useSaveConnectorToLS, useWatchConnectorInLS } from './hooks/useAutoConnect.js';
 export { useConnectorInfo } from './hooks/useConnectorInfo.js';
-export { useConnectorMetamask } from './hooks/useConnectorMetamask.js';
 export { useConnectors } from './hooks/useConnectors.js';
 export { useConnectorStorage } from './hooks/useConnectorStorage.js';
 export { useDisconnect, useForceDisconnect } from './hooks/useDisconnect.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/web3-react",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "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.8.0",
+    "@reef-knot/core-react": "^1.8.1",
     "@reef-knot/ledger-connector": "^2.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^7.0.2",

package/dist/hooks/useConnectorMetamask.d.ts

@@ -1,9 +0,0 @@
-import { InjectedConnector } from '@web3-react/injected-connector';
-import { ConnectorHookArgs } from './types';
-type ConnectorHookResult = {
-    connect: () => Promise<void>;
-    connector: InjectedConnector;
-};
-export declare const useConnectorMetamask: (args?: ConnectorHookArgs) => ConnectorHookResult;
-export {};
-//# sourceMappingURL=useConnectorMetamask.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useConnectorMetamask.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorMetamask.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAUnE,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,mBA0CF,CAAC"}

package/dist/hooks/useConnectorMetamask.js

@@ -1,65 +0,0 @@
-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 { isBraveWalletProvider, hasInjected } from '../helpers/providerDetectors.js';
-import { checkIfBraveBrowser } from '../helpers/ua.js';
-import { openWindow } from '../helpers/openWindow.js';
-import { useForceDisconnect } from './useDisconnect.js';
-
-var WALLET_URL = 'https://metamask.app.link/dapp/';
-var useConnectorMetamask = 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 {
-        host,
-        pathname,
-        search
-      } = window.location;
-      var pageUrlWithoutProtocol = encodeURI(host + pathname + search);
-      openWindow("".concat(WALLET_URL).concat(pageUrlWithoutProtocol));
-    } 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');
-    // Brave Wallet mimics MetaMask.
-    // If a user has the Brave Browser without the MetaMask extension we want
-    // to redirect the user to the MetaMask website.
-    // If MetaMask is installed, the isBraveWallet property will be false.
-    if ((yield checkIfBraveBrowser()) && isBraveWalletProvider()) {
-      openInWallet();
-      return;
-    }
-    // Do not check for isMetamaskProvider here,
-    // it will break an ability to connect with other EIP-1193 wallets,
-    // which do not have their branded connection button
-    // and recommend to click on MetaMask button in such case.
-    if (hasInjected()) {
-      yield disconnect();
-      yield activate(injected);
-      onConnect === null || onConnect === void 0 ? void 0 : onConnect();
-    } else {
-      openInWallet();
-    }
-  }), [injected, openInWallet, disconnect, activate, onConnect]);
-  return {
-    connect,
-    connector: injected
-  };
-};
-
-export { useConnectorMetamask };