@reef-knot/core-react 2.0.0 → 2.1.1

package/dist/components/AutoConnect.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Chain } from 'wagmi';
 import type { WalletAdapterData } from '@reef-knot/types';
-export declare const AutoConnect: ({ children, autoConnect, walletDataList, chains, }: {
+export declare const AutoConnect: ({ children, autoConnect, }: {
     children: React.ReactNode;
     autoConnect: boolean;
     walletDataList: WalletAdapterData[];

package/dist/components/AutoConnect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoConnect.d.ts","sourceRoot":"","sources":["../../src/components/AutoConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,WAAW;cAMZ,MAAM,SAAS;iBACZ,OAAO;oBACJ,iBAAiB,EAAE;YAC3B,KAAK,EAAE;uBAKhB,CAAC"}
+{"version":3,"file":"AutoConnect.d.ts","sourceRoot":"","sources":["../../src/components/AutoConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,WAAW;cAIZ,MAAM,SAAS;iBACZ,OAAO;oBACJ,iBAAiB,EAAE;YAC3B,KAAK,EAAE;uBAKhB,CAAC"}

package/dist/components/AutoConnect.js

@@ -3,11 +3,9 @@ import { useAutoConnect } from '../hooks/useAutoConnect.js';
 
 const AutoConnect = ({
   children,
-  autoConnect,
-  walletDataList,
-  chains
+  autoConnect
 }) => {
-  useAutoConnect(autoConnect, walletDataList, chains);
+  useAutoConnect(autoConnect);
   return React.createElement(React.Fragment, null, children);
 };
 

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

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

package/dist/helpers/getUnsupportedChainError.js

@@ -1,7 +1,12 @@
 const getUnsupportedChainError = supportedChains => {
   // Get names of supported chains to suggest them in case of "unsupported network" error
   const supportedChainsNames = (() => {
-    const chains = supportedChains.map(({
+    const chains = supportedChains
+    // On Lido widgets the Polygon Mumbai network was added as a temporary workaround for the wagmi and walletconnect bug,
+    // when some wallets are failing to connect if there are only one supported network, so we need at least 2 of them.
+    // But we don't want to mention it in the error as a suggested supported network, because it is not really true, so temporary filtering it out.
+    // TODO: the issue is fixed in wagmi v1+, remove the filter after updating wagmi to v1+
+    .filter(chain => chain.id !== 80001).map(({
       name
     }) => name).filter(chainName => chainName !== 'unknown');
     const lastChain = chains.pop();

package/dist/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './getUnsupportedChainError';
+export * from './checkTermsAccepted';
+export * from './userAgents';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}

package/dist/helpers/userAgents.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="ua-parser-js" />
+export declare const device: import("ua-parser-js").IDevice;
+export declare const browser: import("ua-parser-js").IBrowser;
+export declare const os: import("ua-parser-js").IOS;
+export declare const isMobile: boolean;
+export declare const isTablet: boolean;
+export declare const isMobileOrTablet: boolean;
+//# sourceMappingURL=userAgents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"userAgents.d.ts","sourceRoot":"","sources":["../../src/helpers/userAgents.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,MAAM,gCAAqB,CAAC;AACzC,eAAO,MAAM,OAAO,iCAAsB,CAAC;AAC3C,eAAO,MAAM,EAAE,4BAAiB,CAAC;AAEjC,eAAO,MAAM,QAAQ,SAA2B,CAAC;AACjD,eAAO,MAAM,QAAQ,SAA2B,CAAC;AACjD,eAAO,MAAM,gBAAgB,SAAuB,CAAC"}

package/dist/helpers/userAgents.js

@@ -0,0 +1,11 @@
+import { UAParser } from 'ua-parser-js';
+
+const parser = new UAParser();
+const device = parser.getDevice();
+const browser = parser.getBrowser();
+const os = parser.getOS();
+const isMobile = device.type === 'mobile';
+const isTablet = device.type === 'tablet';
+const isMobileOrTablet = isMobile || isTablet;
+
+export { browser, device, isMobile, isMobileOrTablet, isTablet, os };

package/dist/hooks/index.d.ts

@@ -1,3 +1,7 @@
 export * from './useReefKnotContext';
 export * from './useAutoConnect';
+export * from './useAutoConnectCheck';
+export * from './useEagerConnect';
+export * from './useDisconnect';
+export * from './useConnectorInfo';
 //# sourceMappingURL=index.d.ts.map

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,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/hooks/useAutoConnect.d.ts

@@ -1,4 +1,2 @@
-import { Chain } from 'wagmi';
-import { WalletAdapterData } from '@reef-knot/types';
-export declare const useAutoConnect: (autoConnectEnabled: boolean, walletDataList: WalletAdapterData[], chains: Chain[]) => void;
+export declare const useAutoConnect: (autoConnectEnabled: boolean) => void;
 //# sourceMappingURL=useAutoConnect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AA+FrD,eAAO,MAAM,cAAc,uBACL,OAAO,kBACX,iBAAiB,EAAE,UAC3B,KAAK,EAAE,SA0ChB,CAAC"}
+{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,uBAAwB,OAAO,SA4BzD,CAAC"}

package/dist/hooks/useAutoConnect.js

@@ -1,115 +1,38 @@
 import { __awaiter } from '../_virtual/_tslib.js';
 import { useClient, useAccount } from 'wagmi';
-import { connect, disconnect } from 'wagmi/actions';
-import { useRef, useContext, useEffect } from 'react';
-import { AcceptTermsModalContext } from '../context/acceptTermsModal.js';
-import { getUnsupportedChainError } from '../helpers/getUnsupportedChainError.js';
+import { useRef, useCallback, useEffect } from 'react';
 import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
+import { useEagerConnect } from './useEagerConnect.js';
 
-const connectAndHandleErrors = (connector, supportedChains, acceptTermsModal) => __awaiter(void 0, void 0, void 0, function* () {
-  var _a, _b, _c, _d;
-  let connectResult = null;
-  let connectError;
-  try {
-    connectResult = yield connect({
-      connector
-    });
-  } catch (e) {
-    connectResult = null; // ensure that connectResult is empty in case of an error
-    connectError = e;
-  }
-  if (connectResult === null || connectResult === void 0 ? void 0 : connectResult.chain.unsupported) {
-    // No errors during connection, but the chain is unsupported.
-    // This case is considered as error for now, and we explicitly call disconnect() here.
-    // This logic comes from previously used web3-react connection logic, which wasn't reworked yet after web3-react removal.
-    // web3-react logic was: if a chain is unsupported – break the connection, throw an error
-    // wagmi logic is: if a chain is unsupported – connect anyway, without errors, set `chain.unsupported` flag to true.
-    // So, here we are trying to mimic the legacy logic, because we are not ready to rework it yet.
-    connectResult = null;
-    connectError = getUnsupportedChainError(supportedChains);
-    yield disconnect();
-    // A user may change a chain in a wallet app, prepare for that event.
-    // There is a strong recommendation in the MetaMask documentation
-    // to reload the page upon chain changes, unless there is a good reason not to.
-    // This looks like a good general approach.
-    const provider = yield connector.getProvider();
-    provider.once('chainChanged', () => {
-      var _a;
-      return (_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.location.reload();
-    });
-  }
-  if (connectError) {
-    (_a = acceptTermsModal.setError) === null || _a === void 0 ? void 0 : _a.call(acceptTermsModal, connectError);
-    (_b = acceptTermsModal.setVisible) === null || _b === void 0 ? void 0 : _b.call(acceptTermsModal, true);
-  } else {
-    (_c = acceptTermsModal.setVisible) === null || _c === void 0 ? void 0 : _c.call(acceptTermsModal, false);
-    (_d = acceptTermsModal.setError) === null || _d === void 0 ? void 0 : _d.call(acceptTermsModal, undefined);
-  }
-  return {
-    connectResult,
-    connectError
-  };
-});
-const connectEagerly = (adapters, acceptTermsModal, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
-  var _e, _f, _g;
-  const isTermsAccepted = checkTermsAccepted();
-  let connectResult = null;
-  let connectError;
-  const continueConnection = connector => __awaiter(void 0, void 0, void 0, function* () {
-    ({
-      connectResult,
-      connectError
-    } = yield connectAndHandleErrors(connector, supportedChains, acceptTermsModal));
-  });
-  for (const adapter of adapters) {
-    if ((_e = adapter.detector) === null || _e === void 0 ? void 0 : _e.call(adapter)) {
-      // wallet is detected
-      if (!isTermsAccepted) {
-        // Terms of service were not accepted previously.
-        // So, for legal reasons, we must ask a user to accept the terms before connecting.
-        const onContinue = () => void continueConnection(adapter.connector);
-        (_f = acceptTermsModal.setOnContinue) === null || _f === void 0 ? void 0 : _f.call(acceptTermsModal, () => onContinue);
-        (_g = acceptTermsModal.setVisible) === null || _g === void 0 ? void 0 : _g.call(acceptTermsModal, true);
-      } else {
-        yield continueConnection(adapter.connector);
-      }
-      break; // no need to iterate over all other adapters if at least one was detected
-    }
-  }
-  return {
-    connectResult,
-    connectError
-  };
-});
-const useAutoConnect = (autoConnectEnabled, walletDataList, chains) => {
+const useAutoConnect = autoConnectEnabled => {
   const isAutoConnectCalled = useRef(false);
   const client = useClient();
   const {
     isConnected
   } = useAccount();
   const {
-    acceptTermsModal
-  } = useContext(AcceptTermsModalContext);
-  const autoConnectOnlyAdapters = walletDataList.filter(adapter => adapter.autoConnectOnly);
-  useEffect(() => {
+    eagerConnect
+  } = useEagerConnect();
+  const autoConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     // Don't auto-connect if already connected or if the auto-connect feature is disabled or if already tried to auto-connect.
     if (isConnected || !autoConnectEnabled || isAutoConnectCalled.current) return;
-    void (() => __awaiter(void 0, void 0, void 0, function* () {
-      // The current logic is to try auto-connect only once, even if an error happened and connection was not successful.
-      isAutoConnectCalled.current = true;
-      // Try to eagerly connect wallets that are meant to be used only with auto-connection.
-      // For example, wallets with dApp browsers, or using iframes to open dApps.
-      const {
-        connectResult,
-        connectError
-      } = yield connectEagerly(autoConnectOnlyAdapters, acceptTermsModal, chains);
-      // If still not connected and there were no errors and the terms of service are accepted,
-      // call the default wagmi autoConnect method, which attempts to connect to the last used connector.
-      if (!connectResult && !connectError && checkTermsAccepted()) {
-        yield client.autoConnect();
-      }
-    }))();
-  }, [autoConnectOnlyAdapters, autoConnectEnabled, client, isConnected, walletDataList, acceptTermsModal, chains]);
+    // The current logic is to try auto-connect only once, even if an error happened and connection was not successful.
+    isAutoConnectCalled.current = true;
+    // Try to eagerly connect wallets that are meant to be used only with auto-connection.
+    // For example, wallets with dApp browsers, or using iframes to open dApps.
+    const {
+      connectResult,
+      connectError
+    } = yield eagerConnect();
+    // If still not connected and there were no errors and the terms of service are accepted,
+    // call the default wagmi autoConnect method, which attempts to connect to the last used connector.
+    if (!connectResult && !connectError && checkTermsAccepted()) {
+      yield client.autoConnect();
+    }
+  }), [autoConnectEnabled, client, eagerConnect, isConnected]);
+  useEffect(() => {
+    void autoConnect();
+  }, [autoConnect]);
 };
 
 export { useAutoConnect };

package/dist/hooks/useAutoConnectCheck.d.ts

@@ -0,0 +1,4 @@
+export declare const useAutoConnectCheck: () => {
+    isAutoConnectionSuitable: boolean;
+};
+//# sourceMappingURL=useAutoConnectCheck.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoConnectCheck.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnectCheck.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;CAY/B,CAAC"}

package/dist/hooks/useAutoConnectCheck.js

@@ -0,0 +1,19 @@
+import { useReefKnotContext } from './useReefKnotContext.js';
+
+const useAutoConnectCheck = () => {
+  const {
+    walletDataList
+  } = useReefKnotContext();
+  const autoConnectOnlyAdapters = walletDataList.filter(({
+    autoConnectOnly
+  }) => autoConnectOnly);
+  const isAutoConnectionSuitable = autoConnectOnlyAdapters.some(adapter => {
+    var _a;
+    return (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter);
+  });
+  return {
+    isAutoConnectionSuitable
+  };
+};
+
+export { useAutoConnectCheck };

package/dist/hooks/useConnectorInfo.d.ts

@@ -0,0 +1,10 @@
+type ConnectorInfo = {
+    connectorName?: string;
+    isGnosis: boolean;
+    isLedger: boolean;
+    isLedgerLive: boolean;
+    isDappBrowser: boolean;
+};
+export declare const useConnectorInfo: () => ConnectorInfo;
+export {};
+//# sourceMappingURL=useConnectorInfo.d.ts.map

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,KAAK,aAAa,GAAG;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAuBnC,CAAC"}

package/dist/hooks/useConnectorInfo.js

@@ -0,0 +1,30 @@
+import { useAccount } from 'wagmi';
+import { SafeConnector } from 'wagmi/connectors/safe';
+import { LedgerHIDConnector, LedgerLiveConnector } from '@reef-knot/ledger-connector';
+import { isMobileOrTablet } from '../helpers/userAgents.js';
+
+const useConnectorInfo = () => {
+  var _a;
+  const {
+    connector
+  } = useAccount();
+  // These checks are working only for connected wallets! There is no connector if a wallet is not connected yet.
+  const isLedger = connector instanceof LedgerHIDConnector;
+  const isLedgerLive = connector instanceof LedgerLiveConnector;
+  const isGnosis = connector instanceof SafeConnector;
+  const isDappBrowser = !!((_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.ethereum) && isMobileOrTablet;
+  let connectorName = connector === null || connector === void 0 ? void 0 : connector.name;
+  // Do not set connector's name if the app is opened in a mobile wallet dapp browser,
+  // because we use a generic injected connector for this case and proper detection is hard.
+  // Also, it will be easy for a user to understand which wallet app is being used for connection.
+  if (isDappBrowser) connectorName = undefined;
+  return {
+    connectorName,
+    isGnosis,
+    isLedger,
+    isLedgerLive,
+    isDappBrowser
+  };
+};
+
+export { useConnectorInfo };

package/dist/hooks/useDisconnect.d.ts

@@ -0,0 +1,7 @@
+export declare const useForceDisconnect: () => {
+    forceDisconnect: () => void;
+};
+export declare const useDisconnect: () => {
+    disconnect?: (() => void) | undefined;
+};
+//# sourceMappingURL=useDisconnect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisconnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisconnect.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB;;CAY9B,CAAC;AAEF,eAAO,MAAM,aAAa;wBACL,IAAI;CAWxB,CAAC"}

package/dist/hooks/useDisconnect.js

@@ -0,0 +1,39 @@
+import { useContext, useCallback } from 'react';
+import { useDisconnect as useDisconnect$1, useAccount } from 'wagmi';
+import { AcceptTermsModalContext } from '../context/acceptTermsModal.js';
+import { useAutoConnectCheck } from './useAutoConnectCheck.js';
+
+const useForceDisconnect = () => {
+  const {
+    disconnect
+  } = useDisconnect$1();
+  const {
+    acceptTermsModal: {
+      setVisible
+    }
+  } = useContext(AcceptTermsModalContext);
+  const forceDisconnect = useCallback(() => {
+    disconnect();
+    setVisible(false);
+  }, [disconnect, setVisible]);
+  return {
+    forceDisconnect
+  };
+};
+const useDisconnect = () => {
+  const {
+    isConnected
+  } = useAccount();
+  const {
+    disconnect
+  } = useDisconnect$1();
+  const {
+    isAutoConnectionSuitable
+  } = useAutoConnectCheck();
+  const available = isConnected && !isAutoConnectionSuitable;
+  return {
+    disconnect: available ? disconnect : undefined
+  };
+};
+
+export { useDisconnect, useForceDisconnect };

package/dist/hooks/useEagerConnect.d.ts

@@ -0,0 +1,15 @@
+import { Chain } from 'wagmi';
+import type { ConnectResult } from '@wagmi/core';
+import { WalletAdapterData } from '@reef-knot/types';
+import { AcceptTermsModal } from '../context/acceptTermsModal';
+export declare const connectEagerly: (adapters: WalletAdapterData[], acceptTermsModal: AcceptTermsModal, supportedChains: Chain[]) => Promise<{
+    connectResult: ConnectResult | null;
+    connectError?: Error | undefined;
+}>;
+export declare const useEagerConnect: () => {
+    eagerConnect: () => Promise<{
+        connectResult: ConnectResult | null;
+        connectError?: Error | undefined;
+    }>;
+};
+//# sourceMappingURL=useEagerConnect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEagerConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEagerConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,aAAa,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,gBAAgB,EAEjB,MAAM,6BAA6B,CAAC;AAqDrC,eAAO,MAAM,cAAc,aACf,iBAAiB,EAAE,oBACX,gBAAgB,mBACjB,KAAK,EAAE;mBAET,aAAa,GAAG,IAAI;;EAgCpC,CAAC;AAEF,eAAO,MAAM,eAAe;;uBAlCX,aAAa,GAAG,IAAI;;;CA8CpC,CAAC"}

package/dist/hooks/useEagerConnect.js

@@ -0,0 +1,101 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import { connect, disconnect } from 'wagmi/actions';
+import { useContext, useCallback } from 'react';
+import { AcceptTermsModalContext } from '../context/acceptTermsModal.js';
+import { getUnsupportedChainError } from '../helpers/getUnsupportedChainError.js';
+import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
+import { useReefKnotContext } from './useReefKnotContext.js';
+
+const connectAndHandleErrors = (connector, supportedChains, acceptTermsModal) => __awaiter(void 0, void 0, void 0, function* () {
+  var _a, _b, _c, _d;
+  let connectResult = null;
+  let connectError;
+  try {
+    connectResult = yield connect({
+      connector
+    });
+  } catch (e) {
+    connectResult = null; // ensure that connectResult is empty in case of an error
+    connectError = e;
+  }
+  if (connectResult === null || connectResult === void 0 ? void 0 : connectResult.chain.unsupported) {
+    // No errors during connection, but the chain is unsupported.
+    // This case is considered as error for now, and we explicitly call disconnect() here.
+    // This logic comes from previously used web3-react connection logic, which wasn't reworked yet after web3-react removal.
+    // web3-react logic was: if a chain is unsupported – break the connection, throw an error
+    // wagmi logic is: if a chain is unsupported – connect anyway, without errors, set `chain.unsupported` flag to true.
+    // So, here we are trying to mimic the legacy logic, because we are not ready to rework it yet.
+    connectResult = null;
+    connectError = getUnsupportedChainError(supportedChains);
+    yield disconnect();
+    // A user may change a chain in a wallet app, prepare for that event.
+    // There is a strong recommendation in the MetaMask documentation
+    // to reload the page upon chain changes, unless there is a good reason not to.
+    // This looks like a good general approach.
+    const provider = yield connector.getProvider();
+    provider.once('chainChanged', () => {
+      var _a;
+      return (_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.location.reload();
+    });
+  }
+  if (connectError) {
+    (_a = acceptTermsModal.setError) === null || _a === void 0 ? void 0 : _a.call(acceptTermsModal, connectError);
+    (_b = acceptTermsModal.setVisible) === null || _b === void 0 ? void 0 : _b.call(acceptTermsModal, true);
+  } else {
+    (_c = acceptTermsModal.setVisible) === null || _c === void 0 ? void 0 : _c.call(acceptTermsModal, false);
+    (_d = acceptTermsModal.setError) === null || _d === void 0 ? void 0 : _d.call(acceptTermsModal, undefined);
+  }
+  return {
+    connectResult,
+    connectError
+  };
+});
+const connectEagerly = (adapters, acceptTermsModal, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+  var _e, _f, _g;
+  const isTermsAccepted = checkTermsAccepted();
+  let connectResult = null;
+  let connectError;
+  const continueConnection = connector => __awaiter(void 0, void 0, void 0, function* () {
+    ({
+      connectResult,
+      connectError
+    } = yield connectAndHandleErrors(connector, supportedChains, acceptTermsModal));
+  });
+  for (const adapter of adapters) {
+    if ((_e = adapter.detector) === null || _e === void 0 ? void 0 : _e.call(adapter)) {
+      // wallet is detected
+      if (!isTermsAccepted) {
+        // Terms of service were not accepted previously.
+        // So, for legal reasons, we must ask a user to accept the terms before connecting.
+        const onContinue = () => void continueConnection(adapter.connector);
+        (_f = acceptTermsModal.setOnContinue) === null || _f === void 0 ? void 0 : _f.call(acceptTermsModal, () => onContinue);
+        (_g = acceptTermsModal.setVisible) === null || _g === void 0 ? void 0 : _g.call(acceptTermsModal, true);
+      } else {
+        yield continueConnection(adapter.connector);
+      }
+      break; // no need to iterate over all other adapters if at least one was detected
+    }
+  }
+  return {
+    connectResult,
+    connectError
+  };
+});
+const useEagerConnect = () => {
+  const {
+    acceptTermsModal
+  } = useContext(AcceptTermsModalContext);
+  const {
+    walletDataList,
+    chains
+  } = useReefKnotContext();
+  const autoConnectOnlyAdapters = walletDataList.filter(adapter => adapter.autoConnectOnly);
+  const eagerConnect = useCallback(() => {
+    return connectEagerly(autoConnectOnlyAdapters, acceptTermsModal, chains);
+  }, [acceptTermsModal, autoConnectOnlyAdapters, chains]);
+  return {
+    eagerConnect
+  };
+};
+
+export { connectEagerly, useEagerConnect };

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export * from './hooks';
 export * from './context';
 export * from './constants';
 export * from './chains';
+export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/index.js

@@ -1,7 +1,14 @@
 export { getConnectors, getWalletDataList } from './walletData/index.js';
 export { useReefKnotContext } from './hooks/useReefKnotContext.js';
 export { useAutoConnect } from './hooks/useAutoConnect.js';
+export { useAutoConnectCheck } from './hooks/useAutoConnectCheck.js';
+export { connectEagerly, useEagerConnect } from './hooks/useEagerConnect.js';
+export { useDisconnect, useForceDisconnect } from './hooks/useDisconnect.js';
+export { useConnectorInfo } from './hooks/useConnectorInfo.js';
 export { ReefKnot, ReefKnotContext } from './context/reefKnot.js';
 export { AcceptTermsModalContext, AcceptTermsModalContextProvider } from './context/acceptTermsModal.js';
 export { LS_KEY_TERMS_ACCEPTANCE } from './constants/localStorage.js';
 export { holesky } from './chains/holesky.js';
+export { getUnsupportedChainError } from './helpers/getUnsupportedChainError.js';
+export { checkTermsAccepted } from './helpers/checkTermsAccepted.js';
+export { browser, device, isMobile, isMobileOrTablet, isTablet, os } from './helpers/userAgents.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -40,6 +40,7 @@
     "ua-parser-js": "1.0.33"
   },
   "devDependencies": {
+    "@reef-knot/ledger-connector": "^3.0.0",
     "@reef-knot/wallets-list": "^1.12.0",
     "@reef-knot/types": "^1.5.0",
     "@reef-knot/ui-react": "^1.0.8",
@@ -49,6 +50,7 @@
     "wagmi": "^0.12.19"
   },
   "peerDependencies": {
+    "@reef-knot/ledger-connector": "^3.0.0",
     "@reef-knot/wallets-list": "^1.4.1",
     "@reef-knot/types": "^1.2.1",
     "@reef-knot/ui-react": "^1.0.4",