@reef-knot/core-react 3.2.0 → 4.0.0

package/dist/components/AutoConnect.d.ts

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

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,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,WAAW;iBAGT,OAAO;oBACJ,iBAAiB,EAAE;YAC3B,KAAK,EAAE;UAIhB,CAAC"}
+{"version":3,"file":"AutoConnect.d.ts","sourceRoot":"","sources":["../../src/components/AutoConnect.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,oBAAqB;IAAE,WAAW,EAAE,OAAO,CAAA;CAAE,SAGpE,CAAC"}

package/dist/constants/localStorage.d.ts

@@ -1,2 +1,3 @@
 export declare const LS_KEY_TERMS_ACCEPTANCE = "reef-knot_accept-terms_n2";
+export declare const LS_KEY_RECONNECT_WALLET_ID = "reef-knot_reconnect-wallet-id";
 //# sourceMappingURL=localStorage.d.ts.map

package/dist/constants/localStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../src/constants/localStorage.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,8BAA8B,CAAC"}
+{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../src/constants/localStorage.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AAMnE,eAAO,MAAM,0BAA0B,kCAAkC,CAAC"}

package/dist/constants/localStorage.js

@@ -1,5 +1,10 @@
 // This key can be changed to enforce all users to accept the Terms again,
 // for example if the Terms were significantly updated
 const LS_KEY_TERMS_ACCEPTANCE = 'reef-knot_accept-terms_n2';
+// Storage key for restoring connector after page refresh
+// `/packages/core-react/src/hooks/useAutoConnect.ts`
+// It keeps association with the reef-knot `WalletAdapterData['walletId']` metadata
+// from the `ReefKnotContextValue['walletDataList']` instead of wagmi's `config.connectors` for better reliability
+const LS_KEY_RECONNECT_WALLET_ID = 'reef-knot_reconnect-wallet-id';
 
-export { LS_KEY_TERMS_ACCEPTANCE };
+export { LS_KEY_RECONNECT_WALLET_ID, LS_KEY_TERMS_ACCEPTANCE };

package/dist/context/reefKnot.d.ts

@@ -1,19 +1,17 @@
-import React, { FC, ReactNode } from 'react';
-import { WalletAdapterData } from '@reef-knot/types';
-import { Chain } from 'wagmi/chains';
+import React, { ReactNode } from 'react';
+import type { Chain } from 'wagmi/chains';
+import type { WalletAdapterData } from '@reef-knot/types';
 export interface ReefKnotContextProps {
+    walletDataList: WalletAdapterData[];
     rpc: Record<number, string>;
-    walletconnectProjectId?: string;
-    chains: Chain[];
-    defaultChain: Chain;
-    autoConnect?: boolean;
+    chains: readonly [Chain, ...Chain[]];
     children?: ReactNode;
 }
 export type ReefKnotContextValue = {
     rpc: Record<number, string>;
     walletDataList: WalletAdapterData[];
-    chains: Chain[];
+    chains: readonly [Chain, ...Chain[]];
 };
 export declare const ReefKnotContext: React.Context<ReefKnotContextValue>;
-export declare const ReefKnot: FC<ReefKnotContextProps>;
+export declare const ReefKnot: ({ rpc, chains, walletDataList, children, }: ReefKnotContextProps) => React.JSX.Element;
 //# sourceMappingURL=reefKnot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reefKnot.d.ts","sourceRoot":"","sources":["../../src/context/reefKnot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAMrC,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC;AAEzE,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,oBAAoB,CAsC7C,CAAC"}
+{"version":3,"file":"reefKnot.d.ts","sourceRoot":"","sources":["../../src/context/reefKnot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC;AAEzE,eAAO,MAAM,QAAQ,+CAKlB,oBAAoB,sBAiBtB,CAAC"}

package/dist/context/reefKnot.js

@@ -1,24 +1,14 @@
 import React, { createContext, useMemo } from 'react';
 import { WCWarnBannerContextProvider } from '@reef-knot/ui-react';
-import { getWalletDataList } from '../walletData/index.js';
-import { AutoConnect } from '../components/AutoConnect.js';
 import { ReefKnotModalContextProvider } from './reefKnotModalContext.js';
 
 const ReefKnotContext = createContext({});
 const ReefKnot = ({
   rpc,
-  walletconnectProjectId,
   chains,
-  defaultChain,
-  autoConnect = true,
+  walletDataList,
   children
 }) => {
-  const walletDataList = getWalletDataList({
-    rpc,
-    walletconnectProjectId,
-    chains,
-    defaultChain
-  });
   const contextValue = useMemo(() => ({
     rpc,
     walletDataList,
@@ -26,11 +16,7 @@ const ReefKnot = ({
   }), [rpc, walletDataList, chains]);
   return React.createElement(ReefKnotContext.Provider, {
     value: contextValue
-  }, React.createElement(ReefKnotModalContextProvider, null, React.createElement(WCWarnBannerContextProvider, null, React.createElement(AutoConnect, {
-    autoConnect: autoConnect,
-    walletDataList: walletDataList,
-    chains: chains
-  }), children)));
+  }, React.createElement(ReefKnotModalContextProvider, null, React.createElement(WCWarnBannerContextProvider, null, children)));
 };
 
 export { ReefKnot, ReefKnotContext };

package/dist/context/reefKnotModalContext.js

@@ -21,10 +21,10 @@ const ReefKnotModalContextProvider = ({
         onClose
       })]);
     },
-    openModalAsync: ({
+    openModalAsync: _a => __awaiter(void 0, [_a], void 0, function* ({
       type,
       props
-    }) => __awaiter(void 0, void 0, void 0, function* () {
+    }) {
       return new Promise(resolve => {
         updateModalStack(old => [
         // for some reason TS cannot match type and props here

package/dist/helpers/getUnsupportedChainError.d.ts

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

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,UAkBhE,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,oBAClB,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,UAmB9C,CAAC"}

package/dist/helpers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './getUnsupportedChainError';
 export * from './checkTermsAccepted';
+export * from './providerDetectors';
 export * from './useLocalStorage';
 //# 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,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/dist/helpers/providerDetectors.d.ts

@@ -0,0 +1,4 @@
+import 'viem/window';
+export declare const hasInjected: () => boolean;
+export declare const isDappBrowserProvider: () => boolean;
+//# sourceMappingURL=providerDetectors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"providerDetectors.d.ts","sourceRoot":"","sources":["../../src/helpers/providerDetectors.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,WAAW,eAAsC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,QAAO,OAExC,CAAC"}

package/dist/helpers/providerDetectors.js

@@ -0,0 +1,12 @@
+import { isMobileOrTablet } from '@reef-knot/wallets-helpers';
+import 'viem/window';
+
+const hasInjected = () => {
+  var _a;
+  return !!((_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.ethereum);
+};
+const isDappBrowserProvider = () => {
+  return isMobileOrTablet && hasInjected();
+};
+
+export { hasInjected, isDappBrowserProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,uBAAwB,OAAO,SA4BzD,CAAC"}
+{"version":3,"file":"useAutoConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnect.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,uBAAwB,OAAO,SA6CzD,CAAC"}

package/dist/hooks/useAutoConnect.js

@@ -1,35 +1,54 @@
 import { __awaiter } from '../_virtual/_tslib.js';
-import { useClient, useAccount } from 'wagmi';
-import { useRef, useCallback, useEffect } from 'react';
-import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
+import { useEffect } from 'react';
+import { useConfig, useReconnect, useAccount } from 'wagmi';
 import { useEagerConnect } from './useEagerConnect.js';
+import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
+import { useReefKnotContext } from './useReefKnotContext.js';
+import { LS_KEY_RECONNECT_WALLET_ID } from '../constants/localStorage.js';
 
 const useAutoConnect = autoConnectEnabled => {
-  const isAutoConnectCalled = useRef(false);
-  const client = useClient();
+  const {
+    storage
+  } = useConfig();
+  const {
+    reconnectAsync
+  } = useReconnect();
   const {
     isConnected
   } = useAccount();
   const {
     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;
-    // 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 = 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 && checkTermsAccepted()) {
-      yield client.autoConnect();
-    }
-  }), [autoConnectEnabled, client, eagerConnect, isConnected]);
+  const {
+    walletDataList
+  } = useReefKnotContext();
   useEffect(() => {
-    void autoConnect();
-  }, [autoConnect]);
+    const tryReconnect = () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a, _b;
+      // Don't auto-connect if already connected or if the auto-connect feature is disabled
+      if (isConnected || !autoConnectEnabled) return;
+      // 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 = 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 && checkTermsAccepted() && (
+      // We do not want to reconnect if the `recentConnectorId` item was deleted during disconnect
+      yield storage === null || storage === void 0 ? void 0 : storage.getItem('recentConnectorId'))) {
+        const savedReconnectWalletId = yield storage === null || storage === void 0 ? void 0 : storage.getItem(LS_KEY_RECONNECT_WALLET_ID);
+        const walletData = walletDataList.find(data => data.walletId === savedReconnectWalletId);
+        if (walletData) {
+          const createConnectorFn = ((_b = (_a = walletData === null || walletData === void 0 ? void 0 : walletData.walletconnectExtras) === null || _a === void 0 ? void 0 : _a.connectionViaURI) === null || _b === void 0 ? void 0 : _b.condition) ? walletData === null || walletData === void 0 ? void 0 : walletData.walletconnectExtras.connectionViaURI.createConnectorFn : walletData === null || walletData === void 0 ? void 0 : walletData.createConnectorFn;
+          yield reconnectAsync({
+            connectors: [createConnectorFn]
+          });
+        }
+      }
+    });
+    void tryReconnect();
+    // No hook deps: do not retry the auto-connect attemption.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 };
 
 export { useAutoConnect };

package/dist/hooks/useAutoConnectCheck.d.ts

@@ -1,5 +1,4 @@
 export declare const useAutoConnectCheck: () => {
     checkIfShouldAutoConnect: () => Promise<boolean>;
-    getAutoConnectOnlyConnectors: () => import("@wagmi/connectors/dist/base-84a689bb").C<any, any, any>[];
 };
 //# sourceMappingURL=useAutoConnectCheck.d.ts.map

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

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

package/dist/hooks/useAutoConnectCheck.js

@@ -1,30 +1,22 @@
 import { __awaiter } from '../_virtual/_tslib.js';
+import { useCallback } from 'react';
 import { useReefKnotContext } from './useReefKnotContext.js';
 
 const useAutoConnectCheck = () => {
   const {
     walletDataList
   } = useReefKnotContext();
-  const checkIfShouldAutoConnect = () => __awaiter(void 0, void 0, void 0, function* () {
+  const checkIfShouldAutoConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
-    const autoConnectOnlyAdapters = walletDataList.filter(({
-      autoConnectOnly
-    }) => autoConnectOnly);
-    for (const adapter of autoConnectOnlyAdapters) {
+    for (const adapter of walletDataList) {
+      if (!adapter.autoConnectOnly) continue;
       // Try to detect at least one wallet, marked as for auto connection only
       if (yield (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter)) return true;
     }
     return false;
-  });
-  const getAutoConnectOnlyConnectors = () => {
-    const autoConnectOnlyAdapters = walletDataList.filter(({
-      autoConnectOnly
-    }) => autoConnectOnly);
-    return autoConnectOnlyAdapters.map(adapter => adapter.connector);
-  };
+  }), [walletDataList]);
   return {
-    checkIfShouldAutoConnect,
-    getAutoConnectOnlyConnectors
+    checkIfShouldAutoConnect
   };
 };
 

package/dist/hooks/useConnectorInfo.d.ts

@@ -4,6 +4,7 @@ type ConnectorInfo = {
     isLedger: boolean;
     isLedgerLive: boolean;
     isDappBrowser: boolean;
+    isInjected: boolean;
 };
 export declare const useConnectorInfo: () => ConnectorInfo;
 export {};

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

@@ -1 +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"}
+{"version":3,"file":"useConnectorInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnectorInfo.ts"],"names":[],"mappings":"AAOA,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;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAyBnC,CAAC"}

package/dist/hooks/useConnectorInfo.js

@@ -1,29 +1,28 @@
 import { useAccount } from 'wagmi';
-import { SafeConnector } from 'wagmi/connectors/safe';
-import { LedgerHIDConnector, LedgerLiveConnector } from '@reef-knot/ledger-connector';
-import { isMobileOrTablet } from '@reef-knot/wallets-helpers';
+import { idLedgerHid, idLedgerLive } from '@reef-knot/ledger-connector';
+import { hasInjected, isDappBrowserProvider } from '../helpers/providerDetectors.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;
+  const isLedger = Boolean((connector === null || connector === void 0 ? void 0 : connector.id) === idLedgerHid);
+  const isLedgerLive = Boolean((connector === null || connector === void 0 ? void 0 : connector.id) === idLedgerLive);
+  const isGnosis = Boolean((connector === null || connector === void 0 ? void 0 : connector.id) === 'safe');
+  const isInjected = hasInjected();
+  const isDappBrowser = isDappBrowserProvider();
   // 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;
+  const connectorName = isDappBrowser ? undefined : connector === null || connector === void 0 ? void 0 : connector.name;
   return {
     connectorName,
     isGnosis,
     isLedger,
     isLedgerLive,
-    isDappBrowser
+    isDappBrowser,
+    isInjected
   };
 };
 

package/dist/hooks/useDisconnect.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDisconnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisconnect.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB;;CAU9B,CAAC;AAEF,eAAO,MAAM,aAAa;wBACL,IAAI;iCACM,MAAM,OAAO;CAoB3C,CAAC"}
+{"version":3,"file":"useDisconnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisconnect.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,kBAAkB;;CAU9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sBAAsB,EAAE,OAAO,CAAC;CAmBjC,CAAC"}

package/dist/hooks/useDisconnect.js

@@ -1,12 +1,24 @@
-import { useCallback } from 'react';
-import { useDisconnect as useDisconnect$1, useAccount } from 'wagmi';
-import { useAutoConnectCheck } from './useAutoConnectCheck.js';
+import { useCallback, useMemo } from 'react';
+import { useAccount, useConfig, useDisconnect as useDisconnect$1 } from 'wagmi';
+import { useReefKnotContext } from './useReefKnotContext.js';
 import { useReefKnotModal } from './useReefKnotModal.js';
+import { LS_KEY_RECONNECT_WALLET_ID } from '../constants/localStorage.js';
 
-const useForceDisconnect = () => {
+const useDisconnectCleaningStorage = () => {
+  const {
+    storage
+  } = useConfig();
   const {
     disconnect
   } = useDisconnect$1();
+  return useCallback((...args) => {
+    disconnect(...args);
+    void (storage === null || storage === void 0 ? void 0 : storage.removeItem('recentConnectorId'));
+    void (storage === null || storage === void 0 ? void 0 : storage.removeItem(LS_KEY_RECONNECT_WALLET_ID));
+  }, [disconnect, storage]);
+};
+const useForceDisconnect = () => {
+  const disconnect = useDisconnectCleaningStorage();
   const {
     forceCloseAllModals
   } = useReefKnotModal();
@@ -23,22 +35,19 @@ const useDisconnect = () => {
     isConnected,
     connector
   } = useAccount();
+  const disconnect = useDisconnectCleaningStorage();
   const {
-    disconnect
-  } = useDisconnect$1();
-  const {
-    getAutoConnectOnlyConnectors
-  } = useAutoConnectCheck();
-  const checkIfDisconnectMakesSense = () => {
+    walletDataList
+  } = useReefKnotContext();
+  const isDisconnectMakesSense = useMemo(() => {
     // It doesn't make sense to offer a user the ability to disconnect if the user is not connected yet,
     // or if the user was connected automatically
-    const autoConnectOnlyConnectors = getAutoConnectOnlyConnectors();
-    const isConnectorNotAutoConnectOnly = autoConnectOnlyConnectors.every(c => c.id !== (connector === null || connector === void 0 ? void 0 : connector.id));
-    return isConnected && isConnectorNotAutoConnectOnly;
-  };
+    const connectorData = walletDataList.find(c => c.walletId === (connector === null || connector === void 0 ? void 0 : connector.id));
+    return isConnected && !!(connectorData === null || connectorData === void 0 ? void 0 : connectorData.autoConnectOnly);
+  }, [isConnected, connector, walletDataList]);
   return {
-    disconnect: checkIfDisconnectMakesSense() ? disconnect : undefined,
-    checkIfDisconnectMakesSense
+    disconnect: isDisconnectMakesSense ? disconnect : undefined,
+    isDisconnectMakesSense
   };
 };
 

package/dist/hooks/useEagerConnect.d.ts

@@ -1,9 +1,11 @@
-import { Chain } from 'wagmi';
-import type { ConnectResult } from '@wagmi/core';
-import { WalletAdapterData } from '@reef-knot/types';
-import { ReefKnotModalContextValue } from '../context';
-export declare const connectEagerly: (adapters: WalletAdapterData[], openModalAsync: ReefKnotModalContextValue['openModalAsync'], supportedChains: Chain[]) => Promise<ConnectResult | null>;
+import type { WalletAdapterData } from '@reef-knot/types';
+import type { Chain } from 'wagmi/chains';
+import type { Config, ConnectReturnType } from '@wagmi/core';
+import type { ReefKnotModalContextValue } from '../context';
+type ConnectResult = ConnectReturnType;
+export declare const connectEagerly: (config: Config, adapters: WalletAdapterData[], openModalAsync: ReefKnotModalContextValue['openModalAsync'], supportedChains: readonly [Chain, ...Chain[]]) => Promise<ConnectResult | null>;
 export declare const useEagerConnect: () => {
-    eagerConnect: () => Promise<ConnectResult<import("@wagmi/core/dist/index-35b6525c").P> | null>;
+    eagerConnect: () => Promise<ConnectResult | null>;
 };
+export {};
 //# sourceMappingURL=useEagerConnect.d.ts.map

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

@@ -1 +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;AAIrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAgCvD,eAAO,MAAM,cAAc,aACf,iBAAiB,EAAE,kBACb,yBAAyB,CAAC,gBAAgB,CAAC,mBAC1C,KAAK,EAAE,KACvB,QAAQ,aAAa,GAAG,IAAI,CA2C9B,CAAC;AAEF,eAAO,MAAM,eAAe;;CAY3B,CAAC"}
+{"version":3,"file":"useEagerConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEagerConnect.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAqB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE5D,KAAK,aAAa,GAAG,iBAAiB,CAAC;AA6CvC,eAAO,MAAM,cAAc,WACjB,MAAM,YACJ,iBAAiB,EAAE,kBACb,yBAAyB,CAAC,gBAAgB,CAAC,mBAC1C,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,KAC5C,QAAQ,aAAa,GAAG,IAAI,CA+C9B,CAAC;AAEF,eAAO,MAAM,eAAe;;CAmB3B,CAAC"}

package/dist/hooks/useEagerConnect.js

@@ -1,45 +1,55 @@
 import { __awaiter } from '../_virtual/_tslib.js';
-import { connect, disconnect } from 'wagmi/actions';
 import { useCallback } from 'react';
-import { getUnsupportedChainError } from '../helpers/getUnsupportedChainError.js';
-import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
+import { useConfig } from 'wagmi';
 import { useReefKnotContext } from './useReefKnotContext.js';
 import { useReefKnotModal } from './useReefKnotModal.js';
+import { connect, disconnect } from 'wagmi/actions';
+import { getUnsupportedChainError } from '../helpers/getUnsupportedChainError.js';
+import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
 
-const connectToAdapter = (connector, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
-  const connectResult = yield connect({
+const connectToAdapter = (config, connector, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+  var _a;
+  const connectResult = yield connect(config, {
     connector
   });
-  if (connectResult === null || connectResult === void 0 ? void 0 : connectResult.chain.unsupported) {
+  if (connectResult && supportedChains.findIndex(({
+    id
+  }) => id === connectResult.chainId) === -1) {
     // 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.
+    // wagmi logic is: if a chain is unsupported – connect anyway, without errors.
     // So, here we are trying to mimic the legacy logic, because we are not ready to rework it yet.
     const connectError = getUnsupportedChainError(supportedChains);
-    yield disconnect();
+    yield disconnect(config);
     // 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 (config.state.current) {
+      const activeConnector = (_a = config.state.connections.get(config.state.current)) === null || _a === void 0 ? void 0 : _a.connector;
+      if (activeConnector) {
+        const provider = yield activeConnector.getProvider();
+        provider.once('chainChanged', () => {
+          var _a;
+          return (_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.location.reload();
+        });
+      }
+    }
     throw connectError;
   }
   return connectResult;
 });
-const connectEagerly = (adapters, openModalAsync, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
-  var _a;
+const connectEagerly = (config, adapters, openModalAsync, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+  var _b;
   const isTermsAccepted = checkTermsAccepted();
   for (const adapter of adapters) {
-    if (yield (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter)) {
+    if (yield (_b = adapter.detector) === null || _b === void 0 ? void 0 : _b.call(adapter)) {
       // wallet is detected
       let connectionResult = null;
-      const tryConnection = () => connectToAdapter(adapter.connector, supportedChains).then(result => {
+      const tryConnection = () => __awaiter(void 0, void 0, void 0, function* () {
+        const result = yield connectToAdapter(config, adapter.createConnectorFn, supportedChains);
         connectionResult = result;
         return result;
       });
@@ -75,6 +85,7 @@ const connectEagerly = (adapters, openModalAsync, supportedChains) => __awaiter(
   return null;
 });
 const useEagerConnect = () => {
+  const config = useConfig();
   const {
     openModalAsync
   } = useReefKnotModal();
@@ -82,10 +93,12 @@ const useEagerConnect = () => {
     walletDataList,
     chains
   } = useReefKnotContext();
-  const autoConnectOnlyAdapters = walletDataList.filter(adapter => adapter.autoConnectOnly);
   const eagerConnect = useCallback(() => {
-    return connectEagerly(autoConnectOnlyAdapters, openModalAsync, chains);
-  }, [openModalAsync, autoConnectOnlyAdapters, chains]);
+    const autoConnectOnlyAdapters = walletDataList.filter(({
+      autoConnectOnly
+    }) => autoConnectOnly);
+    return connectEagerly(config, autoConnectOnlyAdapters, openModalAsync, chains);
+  }, [openModalAsync, walletDataList, chains, config]);
   return {
     eagerConnect
   };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
+export * from './components/AutoConnect';
 export * from './walletData';
 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;AACzB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
-export { getConnectors, getWalletDataList } from './walletData/index.js';
+export { AutoConnect } from './components/AutoConnect.js';
+export { getWalletsDataList } from './walletData/index.js';
 export { useReefKnotContext } from './hooks/useReefKnotContext.js';
 export { useAutoConnect } from './hooks/useAutoConnect.js';
 export { useAutoConnectCheck } from './hooks/useAutoConnectCheck.js';
@@ -9,8 +10,8 @@ export { useConnect } from './hooks/useConnect.js';
 export { useReefKnotModal } from './hooks/useReefKnotModal.js';
 export { ReefKnot, ReefKnotContext } from './context/reefKnot.js';
 export { ReefKnotModalContextProvider } from './context/reefKnotModalContext.js';
-export { LS_KEY_TERMS_ACCEPTANCE } from './constants/localStorage.js';
-export { holesky } from './chains/holesky.js';
+export { LS_KEY_RECONNECT_WALLET_ID, LS_KEY_TERMS_ACCEPTANCE } from './constants/localStorage.js';
 export { getUnsupportedChainError } from './helpers/getUnsupportedChainError.js';
 export { checkTermsAccepted } from './helpers/checkTermsAccepted.js';
+export { hasInjected, isDappBrowserProvider } from './helpers/providerDetectors.js';
 export { useLocalStorage } from './helpers/useLocalStorage.js';

package/dist/walletData/index.d.ts

@@ -1,11 +1,13 @@
-import { WalletAdapterData } from '@reef-knot/types';
 import type { Chain } from 'wagmi/chains';
-export interface GetConnectorsArgs {
+import type { WalletAdapterType } from '@reef-knot/types';
+export interface GetWalletsDataListArgs {
+    walletsList: Record<string, WalletAdapterType>;
     rpc: Record<number, string>;
-    chains: Chain[];
     defaultChain: Chain;
     walletconnectProjectId?: string;
+    safeAllowedDomains?: RegExp[];
 }
-export declare const getWalletDataList: ({ rpc, chains, defaultChain, walletconnectProjectId, }: GetConnectorsArgs) => WalletAdapterData[];
-export declare const getConnectors: (args: GetConnectorsArgs) => import("@wagmi/connectors/dist/base-84a689bb").C<any, any, any>[];
+export declare const getWalletsDataList: ({ walletsList, rpc, defaultChain, walletconnectProjectId, safeAllowedDomains, }: GetWalletsDataListArgs) => {
+    walletsDataList: import("@reef-knot/types").WalletAdapterData[];
+};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/walletData/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,2DAK3B,iBAAiB,wBAwBnB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,iBAAiB,sEAEpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/walletData/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC/C,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,oFAM5B,sBAAsB;;CAmBxB,CAAC"}

package/dist/walletData/index.js

@@ -1,34 +1,23 @@
-import { WalletsListEthereum } from '@reef-knot/wallets-list';
-
-let walletDataList;
-const getWalletDataList = ({
+const getWalletsDataList = ({
+  walletsList,
   rpc,
-  chains,
   defaultChain,
-  walletconnectProjectId
+  walletconnectProjectId,
+  safeAllowedDomains
 }) => {
-  const walletAdapters = Object.values(WalletsListEthereum);
-  if (!walletDataList) {
-    // Sorting supported chains, so the default chain is always first in the array
-    // Have to do this because WalletConnect v2 via wagmi always tries to connect
-    // to the first chain in the chains array
-    const sortedChains = defaultChain ? chains.sort(chain => chain.id === defaultChain.id ? -1 : 1) : chains;
-    if (!rpc[defaultChain.id]) {
-      throw 'RPC for default chain must be provided';
-    }
-    walletDataList = walletAdapters.map(walletAdapter => walletAdapter({
-      rpc,
-      chains: sortedChains,
-      defaultChain,
-      walletconnectProjectId
-    }));
+  const walletAdapters = Object.values(walletsList);
+  if (!rpc[defaultChain.id]) {
+    throw 'RPC for default chain must be provided';
   }
-  return walletDataList;
-};
-const getConnectors = args => {
-  return getWalletDataList(args).map(({
-    connector
-  }) => connector);
+  const walletsDataList = walletAdapters.map(walletAdapter => walletAdapter({
+    rpc,
+    defaultChain,
+    walletconnectProjectId,
+    safeAllowedDomains
+  }));
+  return {
+    walletsDataList
+  };
 };
 
-export { getConnectors, getWalletDataList };
+export { getWalletsDataList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -37,22 +37,25 @@
     "lint": "eslint --ext ts,tsx,js,mjs ."
   },
   "devDependencies": {
-    "@reef-knot/ledger-connector": "^3.0.0",
-    "@reef-knot/wallets-list": "^1.13.3",
-    "@reef-knot/types": "^1.8.0",
-    "@reef-knot/ui-react": "^1.0.8",
-    "@reef-knot/wallets-helpers": "^1.1.6",
+    "@reef-knot/ledger-connector": "^4.0.0",
+    "@reef-knot/wallets-list": "^2.0.0",
+    "@reef-knot/types": "^2.0.0",
+    "@reef-knot/ui-react": "^2.0.0",
+    "@reef-knot/wallets-helpers": "^2.0.0",
     "eslint-config-custom": "*",
     "react": "18.2.0",
-    "wagmi": "^0.12.19"
+    "viem": "2.13.3",
+    "wagmi": "2.10.4"
   },
   "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",
-    "@reef-knot/wallets-helpers": "^1.1.6",
+    "@reef-knot/ledger-connector": "^4.0.0",
+    "@reef-knot/wallets-list": "^2.0.0",
+    "@reef-knot/types": "^2.0.0",
+    "@reef-knot/ui-react": "^2.0.0",
+    "@reef-knot/wallets-helpers": "^2.0.0",
     "react": ">=18",
-    "wagmi": "^0.12.19"
+    "viem": "2.13.3",
+    "wagmi": "2.10.4",
+    "@tanstack/react-query": "^5.29.0"
   }
 }

package/dist/chains/holesky.d.ts

@@ -1,21 +0,0 @@
-export declare const holesky: {
-    readonly id: 17000;
-    readonly network: "holesky";
-    readonly name: "Holesky";
-    readonly nativeCurrency: {
-        readonly name: "Holesky Ether";
-        readonly symbol: "ETH";
-        readonly decimals: 18;
-    };
-    readonly rpcUrls: {
-        readonly default: {
-            readonly http: readonly ["https://rpc.holesky.ethpandaops.io"];
-        };
-        readonly public: {
-            readonly http: readonly ["https://rpc.holesky.ethpandaops.io"];
-        };
-    };
-    readonly contracts: {};
-    readonly testnet: true;
-};
-//# sourceMappingURL=holesky.d.ts.map

package/dist/chains/holesky.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"holesky.d.ts","sourceRoot":"","sources":["../../src/chains/holesky.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAeM,CAAC"}

package/dist/chains/holesky.js

@@ -1,25 +0,0 @@
-// wagmi v1.x already provides this chain (it takes it from viem and re-exports)
-// But, because we use wagmi v0.x, we have to define the chain like this.
-// Can be removed after updating wagmi to v1.x
-const holesky = {
-  id: 17000,
-  network: 'holesky',
-  name: 'Holesky',
-  nativeCurrency: {
-    name: 'Holesky Ether',
-    symbol: 'ETH',
-    decimals: 18
-  },
-  rpcUrls: {
-    default: {
-      http: ['https://rpc.holesky.ethpandaops.io']
-    },
-    public: {
-      http: ['https://rpc.holesky.ethpandaops.io']
-    }
-  },
-  contracts: {},
-  testnet: true
-};
-
-export { holesky };

package/dist/chains/index.d.ts

@@ -1,2 +0,0 @@
-export * from './holesky';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chains/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}