@reef-knot/core-react 6.2.0-alpha.3 → 6.2.0-alpha.5

package/dist/context/reefKnotModalContext.d.ts

@@ -38,6 +38,6 @@ export type ReefKnotModalContextValue = {
     setTermsChecked: (isChecked: boolean) => void;
 };
 export declare const ReefKnotModalContext: React.Context<ReefKnotModalContextValue | null>;
-export declare const ReefKnotModalContextProvider: ({ children, }: React.PropsWithChildren) => React.JSX.Element;
+export declare const ReefKnotModalContextProvider: ({ children, }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=reefKnotModalContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reefKnotModalContext.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAM3E,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,UAAU,GACX;IACE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE;QACL,aAAa,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;QAClC,YAAY,CAAC,EAAE,KAAK,CAAC;KACtB,CAAC;CACH,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,GAAG,UAAU,CAAC;AAEf,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAE7D,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACvE,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,YAAY,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAIF,eAAO,MAAM,oBAAoB,iDACsB,CAAC;AAGxD,eAAO,MAAM,4BAA4B,kBAEtC,KAAK,CAAC,iBAAiB,sBA0DzB,CAAC"}
+{"version":3,"file":"reefKnotModalContext.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAM3E,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,UAAU,GACX;IACE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE;QACL,aAAa,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;QAClC,YAAY,CAAC,EAAE,KAAK,CAAC;KACtB,CAAC;CACH,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC,GAAG,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,GAAG,UAAU,CAAC;AAEf,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAE7D,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACvE,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,YAAY,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAIF,eAAO,MAAM,oBAAoB,iDACsB,CAAC;AAGxD,eAAO,MAAM,4BAA4B,kBAEtC,KAAK,CAAC,iBAAiB,4CA0DzB,CAAC"}

package/dist/context/reefKnotModalContext.js

@@ -1,5 +1,5 @@
-import { __rest, __awaiter } from '../_virtual/_tslib.js';
-import React, { createContext, useState, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo } from 'react';
 import { useLocalStorage } from '../helpers/useLocalStorage.js';
 import { LS_KEY_TERMS_ACCEPTANCE } from '../constants/localStorage.js';
 
@@ -12,19 +12,19 @@ const ReefKnotModalContextProvider = ({
   const [termsChecked, setTermsChecked] = useLocalStorage(LS_KEY_TERMS_ACCEPTANCE, false);
   const [modalStack, updateModalStack] = useState([]);
   const stableCallbacks = useMemo(() => ({
-    openModal: _a => {
-      var {
-          onClose = NOOP
-        } = _a,
-        props = __rest(_a, ["onClose"]);
-      updateModalStack(old => [...old, Object.assign(Object.assign({}, props), {
+    openModal: ({
+      onClose = NOOP,
+      ...props
+    }) => {
+      updateModalStack(old => [...old, {
+        ...props,
         onClose
-      })]);
+      }]);
     },
-    openModalAsync: _a => __awaiter(void 0, [_a], void 0, function* ({
+    openModalAsync: async ({
       type,
       props
-    }) {
+    }) => {
       return new Promise(resolve => {
         updateModalStack(old => [
         // for some reason TS cannot match type and props here
@@ -34,11 +34,11 @@ const ReefKnotModalContextProvider = ({
           onClose: resolve
         }]);
       });
-    }),
+    },
     closeModal: result => {
       updateModalStack(old => {
         const modal = old.pop();
-        modal === null || modal === void 0 ? void 0 : modal.onClose(result);
+        modal?.onClose(result);
         return [...old];
       });
     },
@@ -46,7 +46,7 @@ const ReefKnotModalContextProvider = ({
       updateModalStack(old => {
         let modal = old.pop();
         while (modal) {
-          modal === null || modal === void 0 ? void 0 : modal.onClose({
+          modal?.onClose({
             success: false
           });
           modal = old.pop();
@@ -55,15 +55,17 @@ const ReefKnotModalContextProvider = ({
       });
     }
   }), []);
-  const contextValue = useMemo(() => Object.assign({
+  const contextValue = useMemo(() => ({
     modalStack,
     currentModal: modalStack[modalStack.length - 1],
     termsChecked,
-    setTermsChecked
-  }, stableCallbacks), [stableCallbacks, termsChecked, modalStack, setTermsChecked]);
-  return React.createElement(ReefKnotModalContext.Provider, {
-    value: contextValue
-  }, children);
+    setTermsChecked,
+    ...stableCallbacks
+  }), [stableCallbacks, termsChecked, modalStack, setTermsChecked]);
+  return jsx(ReefKnotModalContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 
 export { ReefKnotModalContext, ReefKnotModalContextProvider };

package/dist/context/reefKnotProvider.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ReefKnotProviderConfig } from './reefKnotContext';
 export interface ReefKnotProviderProps {
     config: ReefKnotProviderConfig;
     children?: ReactNode;
 }
-export declare const ReefKnotProvider: ({ config, children, }: ReefKnotProviderProps) => React.JSX.Element;
+export declare const ReefKnotProvider: ({ config, children, }: ReefKnotProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=reefKnotProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reefKnotProvider.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAmB,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAG5E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,0BAG1B,qBAAqB,sBAqBvB,CAAC"}
+{"version":3,"file":"reefKnotProvider.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAmB,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAG5E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,0BAG1B,qBAAqB,4CAqBvB,CAAC"}

package/dist/context/reefKnotProvider.js

@@ -1,4 +1,5 @@
-import React, { useState, useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
 import { ReefKnotModalContextProvider } from './reefKnotModalContext.js';
 import { ReefKnotContext } from './reefKnotContext.js';
 import { AutoConnect } from '../components/AutoConnect.js';
@@ -11,15 +12,19 @@ const ReefKnotProvider = ({
   const {
     autoConnect
   } = config;
-  const contextValue = useMemo(() => Object.assign(Object.assign({}, config), {
+  const contextValue = useMemo(() => ({
+    ...config,
     loadingWalletId,
     setLoadingWalletId
   }), [config, loadingWalletId]);
-  return React.createElement(ReefKnotContext.Provider, {
-    value: contextValue
-  }, React.createElement(ReefKnotModalContextProvider, null, autoConnect && React.createElement(AutoConnect, {
-    autoConnect: true
-  }), children));
+  return jsx(ReefKnotContext.Provider, {
+    value: contextValue,
+    children: jsxs(ReefKnotModalContextProvider, {
+      children: [autoConnect && jsx(AutoConnect, {
+        autoConnect: true
+      }), children]
+    })
+  });
 };
 
 export { ReefKnotProvider };

package/dist/helpers/checkTermsAccepted.js

@@ -1,9 +1,8 @@
 import { LS_KEY_TERMS_ACCEPTANCE } from '../constants/localStorage.js';
 
 const checkTermsAccepted = () => {
-  var _a;
   if (typeof window !== 'undefined') {
-    return ((_a = window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(LS_KEY_TERMS_ACCEPTANCE)) === 'true';
+    return window.localStorage?.getItem(LS_KEY_TERMS_ACCEPTANCE) === 'true';
   }
   return false;
 };

package/dist/helpers/getDefaultConfig.js

@@ -1,42 +1,41 @@
-import { __rest } from '../_virtual/_tslib.js';
 import { http } from 'viem';
 import { createConfig } from 'wagmi';
 import { getWalletsDataList } from './getWalletsDataList.js';
 
-const getDefaultTransports = (chains, rpc) => chains.reduce((result, chain) => Object.assign(Object.assign({}, result), {
+const getDefaultTransports = (chains, rpc) => chains.reduce((result, chain) => ({
+  ...result,
   [chain.id]: http(rpc[chain.id], {
     batch: true
   })
 }), {});
-const getDefaultConfig = _a => {
-  var {
-      // Reef-Knot config args
-      rpc,
-      defaultChain,
-      walletconnectProjectId,
-      walletsList,
-      safeAllowedDomains,
-      chains,
-      transports,
-      autoConnect,
-      onAutoConnect,
-      onReconnect,
-      // Wallets config args
-      buttonComponentsByConnectorId,
-      walletsShown,
-      walletsPinned,
-      walletsDisplayInitialCount,
-      linkTerms,
-      linkPrivacyNotice,
-      linkDontHaveWallet,
-      onClickTermsAccept,
-      onClickWalletsLess,
-      onClickWalletsMore,
-      onConnectStart,
-      onConnectSuccess
-    } = _a,
-    // Wagmi config args
-    wagmiArgs = __rest(_a, ["rpc", "defaultChain", "walletconnectProjectId", "walletsList", "safeAllowedDomains", "chains", "transports", "autoConnect", "onAutoConnect", "onReconnect", "buttonComponentsByConnectorId", "walletsShown", "walletsPinned", "walletsDisplayInitialCount", "linkTerms", "linkPrivacyNotice", "linkDontHaveWallet", "onClickTermsAccept", "onClickWalletsLess", "onClickWalletsMore", "onConnectStart", "onConnectSuccess"]);
+const getDefaultConfig = ({
+  // Reef-Knot config args
+  rpc,
+  defaultChain,
+  walletconnectProjectId,
+  walletsList,
+  safeAllowedDomains,
+  chains,
+  transports,
+  autoConnect,
+  onAutoConnect,
+  onReconnect,
+  // Wallets config args
+  buttonComponentsByConnectorId,
+  walletsShown,
+  walletsPinned,
+  walletsDisplayInitialCount,
+  linkTerms,
+  linkPrivacyNotice,
+  linkDontHaveWallet,
+  onClickTermsAccept,
+  onClickWalletsLess,
+  onClickWalletsMore,
+  onConnectStart,
+  onConnectSuccess,
+  // Wagmi config args
+  ...wagmiArgs
+}) => {
   const {
     walletsDataList
   } = getWalletsDataList({
@@ -52,11 +51,12 @@ const getDefaultConfig = _a => {
     onAutoConnect,
     onReconnect
   };
-  const wagmiConfig = createConfig(Object.assign({
+  const wagmiConfig = createConfig({
     chains,
     transports: transports || getDefaultTransports(chains, rpc),
-    multiInjectedProviderDiscovery: false
-  }, wagmiArgs));
+    multiInjectedProviderDiscovery: false,
+    ...wagmiArgs
+  });
   // TODO: We could use `getDefaultWalletsModalConfig` here, but it cause package dependency cycle rn
   const walletsModalConfig = {
     buttonComponentsByConnectorId,

package/dist/helpers/providerDetectors.js

@@ -1,10 +1,7 @@
 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 hasInjected = () => !!globalThis.window?.ethereum;
 const isDappBrowserProvider = () => {
   return isMobileOrTablet && hasInjected();
 };

package/dist/helpers/useLocalStorage.js

@@ -4,10 +4,9 @@ function useLocalStorage(key, initialValue) {
   // State to store our value
   // Pass initial state function to useState so logic is only executed once
   const [storedValue, setStoredValue] = useState(() => {
-    var _a;
     let item;
     if (typeof window !== 'undefined') {
-      item = (_a = window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
+      item = window.localStorage?.getItem(key);
     }
     // Parse stored json or if none return initialValue
     return item ? JSON.parse(item) : initialValue;

package/dist/helpers/withCallback.js

@@ -1,12 +1,10 @@
-import { __awaiter } from '../_virtual/_tslib.js';
-
 // Utility to wrap a function and call a callback after the function call
 function withCallback(fn, callback) {
-  return (...args) => __awaiter(this, void 0, void 0, function* () {
-    const result = yield fn(...args);
+  return async (...args) => {
+    const result = await fn(...args);
     if (callback) callback();
     return result;
-  });
+  };
 }
 
 export { withCallback };

package/dist/hooks/useAutoConnect.js

@@ -1,6 +1,5 @@
-import { __awaiter } from '../_virtual/_tslib.js';
 import { useEffect } from 'react';
-import { useConfig, useReconnect, useAccount } from 'wagmi';
+import { useConfig, useReconnect, useConnection } from 'wagmi';
 import { useEagerConnect } from './useEagerConnect.js';
 import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
 import { useReefKnotContext } from './useReefKnotContext.js';
@@ -12,11 +11,11 @@ const useAutoConnect = autoConnectEnabled => {
     storage
   } = useConfig();
   const {
-    reconnectAsync
+    mutateAsync: reconnectAsync
   } = useReconnect();
   const {
     isConnected
-  } = useAccount();
+  } = useConnection();
   const {
     eagerConnect
   } = useEagerConnect();
@@ -25,35 +24,34 @@ const useAutoConnect = autoConnectEnabled => {
     onReconnect
   } = useReefKnotContext();
   useEffect(() => {
-    const tryReconnect = () => __awaiter(void 0, void 0, void 0, function* () {
-      var _a, _b;
+    const tryReconnect = async () => {
       // 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();
+      const connectResult = await 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);
+      await storage?.getItem('recentConnectorId'))) {
+        const savedReconnectWalletId = await storage?.getItem(LS_KEY_RECONNECT_WALLET_ID);
         const walletData = walletDataList.find(data => data.walletId === savedReconnectWalletId);
         if (walletData) {
           let createConnectorFn = walletData.createConnectorFn;
-          if ((_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) {
+          if (walletData?.walletconnectExtras?.connectionViaURI?.condition) {
             createConnectorFn = walletData.walletconnectExtras.connectionViaURI.createConnectorFn;
           }
           // Wait for all EIP-6963 wallets to load their code and fire "eip6963:announceProvider" event
           // Without the delay, this code can be called from a browser's cache faster than wallet extension code
-          yield new Promise(resolve => setTimeout(resolve, 100));
+          await new Promise(resolve => setTimeout(resolve, 100));
           const reconnectWithCallback = withCallback(reconnectAsync, onReconnect);
-          yield reconnectWithCallback({
+          await reconnectWithCallback({
             connectors: [createConnectorFn]
           });
         }
       }
-    });
+    };
     void tryReconnect();
     // No hook deps: do not retry the auto-connect attemption.
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/hooks/useAutoConnectCheck.js

@@ -1,4 +1,3 @@
-import { __awaiter } from '../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useReefKnotContext } from './useReefKnotContext.js';
 
@@ -6,15 +5,14 @@ const useAutoConnectCheck = () => {
   const {
     walletDataList
   } = useReefKnotContext();
-  const checkIfShouldAutoConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+  const checkIfShouldAutoConnect = useCallback(async () => {
     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;
+      if (await adapter.detector?.()) return true;
     }
     return false;
-  }), [walletDataList]);
+  }, [walletDataList]);
   return {
     checkIfShouldAutoConnect
   };

package/dist/hooks/useConnect.js

@@ -1,4 +1,3 @@
-import { __awaiter } from '../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useAutoConnectCheck } from './useAutoConnectCheck.js';
 import { useEagerConnect } from './useEagerConnect.js';
@@ -14,9 +13,9 @@ const useConnect = () => {
   const {
     eagerConnect
   } = useEagerConnect();
-  const connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-    if (yield checkIfShouldAutoConnect()) {
-      const result = yield eagerConnect();
+  const connect = useCallback(async () => {
+    if (await checkIfShouldAutoConnect()) {
+      const result = await eagerConnect();
       return {
         success: !!result
       };
@@ -25,7 +24,7 @@ const useConnect = () => {
         type: 'wallet'
       });
     }
-  }), [checkIfShouldAutoConnect, eagerConnect, openModalAsync]);
+  }, [checkIfShouldAutoConnect, eagerConnect, openModalAsync]);
   return {
     connect
   };

package/dist/hooks/useConnectorInfo.js

@@ -1,21 +1,21 @@
-import { useAccount } from 'wagmi';
+import { useConnection } from 'wagmi';
 import { idLedgerHid, idLedgerLive } from '@reef-knot/ledger-connector';
 import { hasInjected, isDappBrowserProvider } from '../helpers/providerDetectors.js';
 
 const useConnectorInfo = () => {
   const {
     connector
-  } = useAccount();
+  } = useConnection();
   // These checks are working only for connected wallets! There is no connector if a wallet is not connected yet.
-  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 isLedger = Boolean(connector?.id === idLedgerHid);
+  const isLedgerLive = Boolean(connector?.id === idLedgerLive);
+  const isGnosis = Boolean(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.
-  const connectorName = isDappBrowser ? undefined : connector === null || connector === void 0 ? void 0 : connector.name;
+  const connectorName = isDappBrowser ? undefined : connector?.name;
   return {
     connectorName,
     isGnosis,

package/dist/hooks/useDisconnect.js

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { useAccount, useConfig, useDisconnect as useDisconnect$1 } from 'wagmi';
+import { useConnection, 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';
@@ -9,12 +9,12 @@ const useDisconnectCleaningStorage = () => {
     storage
   } = useConfig();
   const {
-    disconnect
+    mutate: 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));
+    void storage?.removeItem('recentConnectorId');
+    void storage?.removeItem(LS_KEY_RECONNECT_WALLET_ID);
   }, [disconnect, storage]);
 };
 const useForceDisconnect = () => {
@@ -34,7 +34,7 @@ const useDisconnect = () => {
   const {
     isConnected,
     connector
-  } = useAccount();
+  } = useConnection();
   const disconnect = useDisconnectCleaningStorage();
   const {
     walletDataList
@@ -42,8 +42,8 @@ const useDisconnect = () => {
   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 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);
+    const connectorData = walletDataList.find(c => c.walletId === connector?.id);
+    return isConnected && !connectorData?.autoConnectOnly;
   }, [isConnected, connector, walletDataList]);
   return {
     disconnect: isDisconnectMakesSense ? disconnect : undefined,

package/dist/hooks/useEagerConnect.js

@@ -1,4 +1,3 @@
-import { __awaiter } from '../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useConfig } from 'wagmi';
 import { useReefKnotContext } from './useReefKnotContext.js';
@@ -6,25 +5,24 @@ import { useReefKnotModal } from './useReefKnotModal.js';
 import { connect } from 'wagmi/actions';
 import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
 
-const connectEagerly = (config, adapters, openModalAsync) => __awaiter(void 0, void 0, void 0, function* () {
-  var _a;
+const connectEagerly = async (config, adapters, openModalAsync) => {
   const isTermsAccepted = checkTermsAccepted();
   for (const adapter of adapters) {
-    if (yield (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter)) {
+    if (await adapter.detector?.()) {
       // wallet is detected
       let connectionResult = null;
-      const tryConnection = () => __awaiter(void 0, void 0, void 0, function* () {
-        const result = yield connect(config, {
+      const tryConnection = async () => {
+        const result = await connect(config, {
           connector: adapter.createConnectorFn
         });
         connectionResult = result;
         return result;
-      });
+      };
       // if terms are not accepted, show modal and wait for user to try to connect from it
       if (!isTermsAccepted) {
         // Terms of service were not accepted previously.
         // So, for legal reasons, we must ask a user to accept the terms before connecting.
-        yield openModalAsync({
+        await openModalAsync({
           type: 'eager',
           props: {
             tryConnection
@@ -33,10 +31,10 @@ const connectEagerly = (config, adapters, openModalAsync) => __awaiter(void 0, v
       } else {
         // happy path - try connection
         try {
-          yield tryConnection();
+          await tryConnection();
         } catch (e) {
           // when failed, open the terms modal, allow user to see the error and retry the connection
-          yield openModalAsync({
+          await openModalAsync({
             type: 'eager',
             props: {
               tryConnection,
@@ -49,7 +47,7 @@ const connectEagerly = (config, adapters, openModalAsync) => __awaiter(void 0, v
     }
   }
   return null;
-});
+};
 const useEagerConnect = () => {
   const config = useConfig();
   const {
@@ -59,16 +57,16 @@ const useEagerConnect = () => {
     walletDataList,
     onAutoConnect
   } = useReefKnotContext();
-  const eagerConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+  const eagerConnect = useCallback(async () => {
     const autoConnectOnlyAdapters = walletDataList.filter(({
       autoConnectOnly
     }) => autoConnectOnly);
-    const connectionResult = yield connectEagerly(config, autoConnectOnlyAdapters, openModalAsync);
+    const connectionResult = await connectEagerly(config, autoConnectOnlyAdapters, openModalAsync);
     if (connectionResult && onAutoConnect) {
       onAutoConnect();
     }
     return connectionResult;
-  }), [openModalAsync, walletDataList, config, onAutoConnect]);
+  }, [openModalAsync, walletDataList, config, onAutoConnect]);
   return {
     eagerConnect
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "6.2.0-alpha.3",
+  "version": "6.2.0-alpha.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -37,26 +37,26 @@
     "lint": "eslint --ext ts,tsx,js,mjs ."
   },
   "devDependencies": {
-    "@reef-knot/ledger-connector": "4.4.0-alpha.2",
-    "@reef-knot/types": "4.2.0-alpha.1",
-    "@reef-knot/ui-react": "2.3.0-alpha.1",
-    "@reef-knot/wallets-helpers": "2.3.0-alpha.1",
-    "@reef-knot/wallets-list": "4.2.0-alpha.3",
+    "@reef-knot/ledger-connector": "4.4.0-alpha.4",
+    "@reef-knot/types": "4.2.0-alpha.2",
+    "@reef-knot/ui-react": "2.3.0-alpha.2",
+    "@reef-knot/wallets-helpers": "2.3.0-alpha.2",
+    "@reef-knot/wallets-list": "4.2.0-alpha.5",
     "eslint-config-custom": "*",
     "mipd": "0.0.7",
     "react": "18.2.0",
-    "viem": ">=2.23",
-    "wagmi": ">=2.14"
+    "viem": ">=2.44",
+    "wagmi": ">=3.3"
   },
   "peerDependencies": {
-    "@reef-knot/ledger-connector": "4.4.0-alpha.2",
-    "@reef-knot/types": "4.2.0-alpha.1",
-    "@reef-knot/ui-react": "2.3.0-alpha.1",
-    "@reef-knot/wallets-helpers": "2.3.0-alpha.1",
-    "@reef-knot/wallets-list": "4.2.0-alpha.3",
+    "@reef-knot/ledger-connector": "4.4.0-alpha.4",
+    "@reef-knot/types": "4.2.0-alpha.2",
+    "@reef-knot/ui-react": "2.3.0-alpha.2",
+    "@reef-knot/wallets-helpers": "2.3.0-alpha.2",
+    "@reef-knot/wallets-list": "4.2.0-alpha.5",
     "@tanstack/react-query": "^5.29.0",
     "react": ">=18",
-    "viem": ">=2.23",
-    "wagmi": ">=2.14"
+    "viem": ">=2.44",
+    "wagmi": ">=3.3"
   }
 }

package/dist/_virtual/_tslib.js

@@ -1,45 +0,0 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-export { __awaiter, __rest };