@reef-knot/web3-react 1.10.0 → 1.12.0

package/dist/context/connectors.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { InjectedConnector } from '@web3-react/injected-connector';
-import { WalletLinkConnector } from '@web3-react/walletlink-connector';
 import { SafeAppConnector } from '@gnosis.pm/safe-apps-web3-react';
 import { CHAINS } from '@lido-sdk/constants';
-import { LedgerHQConnector, LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
+import { LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
 export interface ConnectorsContextProps {
     defaultChainId: CHAINS;
     rpc: Record<number, string>;
@@ -12,10 +11,7 @@ export interface ConnectorsContextProps {
 }
 export type ConnectorsContextValue = {
     injected: InjectedConnector;
-    walletlink: WalletLinkConnector;
-    coinbase: WalletLinkConnector;
     ledgerlive: LedgerHQFrameConnector;
-    ledger: LedgerHQConnector;
     gnosis?: SafeAppConnector;
 };
 export type Connector = keyof ConnectorsContextValue;

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,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,6BAA6B,CAAC;AAIrC,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,mBAAmB,CAAC;IAChC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,UAAU,EAAE,sBAAsB,CAAC;IACnC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,uCAA8C,CAAC;;AAoE7E,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,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/connectors.js

@@ -1,24 +1,15 @@
 import React, { memo, createContext, useMemo } from 'react';
 import { InjectedConnector } from '@web3-react/injected-connector';
-import { WalletLinkConnector } from '@web3-react/walletlink-connector';
 import { SafeAppConnector } from '@gnosis.pm/safe-apps-web3-react';
-import { CHAINS } from '@lido-sdk/constants';
 import { useSDK } from '@lido-sdk/react';
-import { LedgerHQFrameConnector, LedgerHQConnector } from '@reef-knot/ledger-connector';
+import { LedgerHQFrameConnector } from '@reef-knot/ledger-connector';
 import { useAutoConnect } from '../hooks/useAutoConnect.js';
 import { CONNECTOR_NAMES } from '../constants/connectors.js';
 
 var ConnectorsContext = /*#__PURE__*/createContext({});
 var ProviderConnectors = props => {
-  var BASE_URL = typeof window === 'undefined' ? '' : window.location.origin;
-  var DEFAULT_LOGO = "".concat(BASE_URL, "/apple-touch-icon.png");
-  var DEFAULT_NAME = 'Lido';
   var {
-    rpc,
-    children,
-    defaultChainId,
-    appName = DEFAULT_NAME,
-    appLogoUrl = DEFAULT_LOGO
+    children
   } = props;
   var {
     supportedChainIds
@@ -38,26 +29,8 @@ var ProviderConnectors = props => {
     })(),
     [CONNECTOR_NAMES.LEDGER_HQ_LIVE]: new LedgerHQFrameConnector({
       supportedChainIds
-    }),
-    [CONNECTOR_NAMES.LEDGER]: new LedgerHQConnector({
-      chainId: defaultChainId,
-      url: rpc[defaultChainId]
-    }),
-    [CONNECTOR_NAMES.COINBASE]: new WalletLinkConnector({
-      // only mainnet
-      url: rpc[CHAINS.Mainnet],
-      supportedChainIds,
-      appName,
-      appLogoUrl
-    }),
-    [CONNECTOR_NAMES.WALLET_LINK]: new WalletLinkConnector({
-      // only mainnet
-      url: rpc[CHAINS.Mainnet],
-      supportedChainIds,
-      appName,
-      appLogoUrl
     })
-  }), [appLogoUrl, appName, rpc, defaultChainId, supportedChainIds]);
+  }), [supportedChainIds]);
   useAutoConnect(connectors);
   return /*#__PURE__*/React.createElement(ConnectorsContext.Provider, {
     value: connectors

package/dist/context/web3.js

@@ -17,8 +17,8 @@ import '@web3-react/injected-connector';
 import '@web3-react/walletlink-connector';
 import '@reef-knot/ledger-connector';
 import '../helpers/ua.js';
-import ProviderConnectors from './connectors.js';
 import 'tiny-warning';
+import ProviderConnectors from './connectors.js';
 
 function getLibrary(provider) {
   var library = new Web3Provider(provider);

package/dist/hooks/index.d.ts

@@ -1,7 +1,5 @@
 export * from './useAutoConnect';
-export * from './useConnectorCoinbase';
 export * from './useConnectorInfo';
-export * from './useConnectorLedger';
 export * from './useConnectorMetamask';
 export * from './useConnectors';
 export * from './useConnectorStorage';

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,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,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,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"}

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;AAUpD,eAAO,MAAM,cAAc,eAAgB,sBAAsB,SAKhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,eAAgB,sBAAsB,SAuEnE,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;AAUpD,eAAO,MAAM,cAAc,eAAgB,sBAAsB,SAKhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,eAAgB,sBAAsB,SAuEnE,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAQvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,IAgB3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,IAexC,CAAC"}

package/dist/hooks/useAutoConnect.js

@@ -92,17 +92,11 @@ var useSaveConnectorToLS = () => {
   var {
     isInjected,
     isDappBrowser,
-    isCoinbase,
-    isLedger,
     isConnectedViaWagmi
   } = useConnectorInfo();
   useEffect(() => {
-    if (!isConnectedViaWagmi) {
-      if (isInjected && !isDappBrowser) return saveConnector('injected');
-      if (isCoinbase) return saveConnector('coinbase');
-      if (isLedger) return saveConnector('ledger');
-    }
-  }, [isLedger, isCoinbase, isInjected, isDappBrowser, saveConnector, isConnectedViaWagmi]);
+    if (!isConnectedViaWagmi && isInjected && !isDappBrowser) return saveConnector('injected');
+  }, [isInjected, isDappBrowser, saveConnector, isConnectedViaWagmi]);
 };
 var useDeleteConnectorFromLS = () => {
   var [, saveConnector] = useConnectorStorage();

package/dist/hooks/useConnectorInfo.d.ts

@@ -2,7 +2,6 @@ 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":"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,aAqFnC,CAAC"}
+{"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"}

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, LedgerHQConnector } from '@reef-knot/ledger-connector';
+import { 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';
@@ -23,7 +23,6 @@ var useConnectorInfo = () => {
   // === WEB3-REACT connectors BEGIN
   var isGnosis = active && connector instanceof SafeAppConnector;
   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.
@@ -49,7 +48,6 @@ 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;
@@ -72,7 +70,6 @@ var useConnectorInfo = () => {
     providerName,
     isConnectedViaWagmi,
     isGnosis,
-    isLedger,
     isLedgerLive,
     isWalletLink,
     isCoinbase,

package/dist/index.js

@@ -4,9 +4,7 @@ export { CONNECTOR_NAMES, PROVIDER_NAMES } from './constants/connectors.js';
 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 { useConnectorCoinbase } from './hooks/useConnectorCoinbase.js';
 export { useConnectorInfo } from './hooks/useConnectorInfo.js';
-export { useConnectorLedger } from './hooks/useConnectorLedger.js';
 export { useConnectorMetamask } from './hooks/useConnectorMetamask.js';
 export { useConnectors } from './hooks/useConnectors.js';
 export { useConnectorStorage } from './hooks/useConnectorStorage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/web3-react",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -49,12 +49,12 @@
     "@lido-sdk/constants": "^3.2.0",
     "@lido-sdk/providers": "^1.4.13",
     "@lido-sdk/react": "^2.0.2",
-    "@reef-knot/core-react": "^1.7.0",
-    "@reef-knot/ledger-connector": "^1.1.0",
+    "@reef-knot/core-react": "^1.8.0",
+    "@reef-knot/ledger-connector": "^2.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/jest": "^29.4.0",
-    "@types/react": "17.0.53",
+    "@types/react": "18.2.45",
     "@types/ua-parser-js": "^0.7.36",
     "babel-jest": "^29.3.1",
     "babel-loader": "8.2.2",
@@ -62,7 +62,7 @@
     "eslint-config-custom": "*",
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "ua-parser-js": "1.0.33"
   },
   "dependencies": {
@@ -82,8 +82,8 @@
     "@lido-sdk/providers": "^1.4.13",
     "@lido-sdk/react": "^2.0.2",
     "@reef-knot/core-react": "^1.4.3",
-    "@reef-knot/ledger-connector": "^1.0.0",
-    "react": ">=17",
+    "@reef-knot/ledger-connector": "^2.0.0",
+    "react": ">=18",
     "ua-parser-js": "^1.0.33",
     "wagmi": "^0.12.19"
   }

package/dist/hooks/useConnectorCoinbase.d.ts

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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/useConnectorLedger.d.ts

@@ -1,9 +0,0 @@
-import { LedgerHQConnector } from '@reef-knot/ledger-connector';
-import { ConnectorHookArgs } from './types';
-type ConnectorHookResult = {
-    connect: () => Promise<void>;
-    connector: LedgerHQConnector;
-};
-export declare const useConnectorLedger: (args?: ConnectorHookArgs) => ConnectorHookResult;
-export {};
-//# sourceMappingURL=useConnectorLedger.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useConnectorLedger.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorLedger.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAIhE,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,mBAyBF,CAAC"}

package/dist/hooks/useConnectorLedger.js

@@ -1,36 +0,0 @@
-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* () {
-    disconnect();
-    // Workaround for an issue when connection does not happen because of
-    // Warning: Suppressed stale connector activation [object Object]
-    // Reproducible on a stake widget, but not in the reef-knot demo app.
-    // This is web3-react related issue, see https://github.com/Uniswap/web3-react/issues/78
-    // In our case may happen because `disconnect()` on the upper line is not awaited.
-    // Leaving it like this, because web3-react will be removed soon and the code will be rewritten.
-    yield new Promise(resolve => setTimeout(resolve, 500));
-    yield activate(ledger, () => {}, true);
-    onConnect === null || onConnect === void 0 ? void 0 : onConnect();
-  }), [activate, disconnect, ledger, onConnect]);
-  return {
-    connect,
-    connector: ledger
-  };
-};
-
-export { useConnectorLedger };