@reef-knot/core-react 6.1.0 → 6.2.0-alpha.2

package/dist/context/reefKnotContext.d.ts

@@ -1,14 +1,7 @@
-import type { WalletAdapterData } from '@reef-knot/types';
+import type { ReefKnotContextValue } from '@reef-knot/types';
+export type { ReefKnotConfig, ReefKnotProviderConfig, ReefKnotContextValue, } from '@reef-knot/types';
 /**
  * Context definition is in separated file to avoid circular dependencies
  */
-export type ReefKnotProviderConfig = {
-    autoConnect: boolean;
-    walletDataList: WalletAdapterData[];
-};
-export type ReefKnotContextValue = ReefKnotProviderConfig & {
-    loadingWalletId: string | null;
-    setLoadingWalletId: React.Dispatch<React.SetStateAction<string | null>>;
-};
 export declare const ReefKnotContext: import("react").Context<ReefKnotContextValue>;
 //# sourceMappingURL=reefKnotContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reefKnotContext.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AAEH,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,GAAG;IAC1D,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,eAAe,+CAA4C,CAAC"}
+{"version":3,"file":"reefKnotContext.d.ts","sourceRoot":"","sources":["../../src/context/reefKnotContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAE1B;;GAEG;AAEH,eAAO,MAAM,eAAe,+CAA4C,CAAC"}

package/dist/context/reefKnotContext.js

@@ -1,5 +1,8 @@
 import { createContext } from 'react';
 
+/**
+ * Context definition is in separated file to avoid circular dependencies
+ */
 const ReefKnotContext = createContext({});
 
 export { ReefKnotContext };

package/dist/helpers/getDefaultConfig.d.ts

@@ -1,13 +1,10 @@
 import { Chain } from 'viem';
 import { createConfig } from 'wagmi';
-import type { ReefKnotWalletsModalConfig } from '@reef-knot/types';
+import type { ReefKnotWalletsModalConfig, ReefKnotProviderConfig, ReefKnotConfig } from '@reef-knot/types';
 import { GetWalletsDataListArgs } from './getWalletsDataList';
-import type { ReefKnotProviderConfig } from '../context/reefKnotContext';
 type WagmiConfigArgs = Omit<Parameters<typeof createConfig>[0], 'connectors' | 'client'>;
-type DefaultConfigArgs<I extends string = string> = ReefKnotWalletsModalConfig<I> & GetWalletsDataListArgs & WagmiConfigArgs & {
-    autoConnect: boolean;
-};
-export declare const getDefaultConfig: <I extends string = string>({ rpc, defaultChain, walletconnectProjectId, walletsList, safeAllowedDomains, chains, transports, autoConnect, buttonComponentsByConnectorId, walletsShown, walletsPinned, walletsDisplayInitialCount, linkTerms, linkPrivacyNotice, linkDontHaveWallet, onClickTermsAccept, onClickWalletsLess, onClickWalletsMore, onConnectStart, onConnectSuccess, ...wagmiArgs }: DefaultConfigArgs<I>) => {
+type DefaultConfigArgs<I extends string = string> = ReefKnotConfig & ReefKnotWalletsModalConfig<I> & GetWalletsDataListArgs & WagmiConfigArgs;
+export declare const getDefaultConfig: <I extends string = string>({ rpc, defaultChain, walletconnectProjectId, walletsList, safeAllowedDomains, chains, transports, autoConnect, onAutoConnect, onReconnect, buttonComponentsByConnectorId, walletsShown, walletsPinned, walletsDisplayInitialCount, linkTerms, linkPrivacyNotice, linkDontHaveWallet, onClickTermsAccept, onClickWalletsLess, onClickWalletsMore, onConnectStart, onConnectSuccess, ...wagmiArgs }: DefaultConfigArgs<I>) => {
     wagmiConfig: import("wagmi").Config<readonly [Chain, ...Chain[]], Record<number, import("wagmi").Transport<string, Record<string, any>, import("viem").EIP1193RequestFn>>, readonly import("wagmi").CreateConnectorFn[]>;
     reefKnotConfig: ReefKnotProviderConfig;
     walletsDataList: import("@reef-knot/types").WalletAdapterData[];

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

@@ -1 +1 @@
-{"version":3,"file":"getDefaultConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/getDefaultConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,EAAa,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAEL,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAMzE,KAAK,eAAe,GAAG,IAAI,CACzB,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,EAKlC,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAC9C,0BAA0B,CAAC,CAAC,CAAC,GAC3B,sBAAsB,GACtB,eAAe,GAAG;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAWN,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,kXA2B9C,iBAAiB,CAAC,CAAC,CAAC;;;;;CA2CtB,CAAC"}
+{"version":3,"file":"getDefaultConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/getDefaultConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,EAAa,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EACV,0BAA0B,EAC1B,sBAAsB,EACtB,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAM9B,KAAK,eAAe,GAAG,IAAI,CACzB,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,EAKlC,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,cAAc,GAChE,0BAA0B,CAAC,CAAC,CAAC,GAC7B,sBAAsB,GACtB,eAAe,CAAC;AAWlB,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,8YA6B9C,iBAAiB,CAAC,CAAC,CAAC;;;;;CA6CtB,CAAC"}

package/dist/helpers/getDefaultConfig.js

@@ -19,6 +19,8 @@ const getDefaultConfig = _a => {
       chains,
       transports,
       autoConnect,
+      onAutoConnect,
+      onReconnect,
       // Wallets config args
       buttonComponentsByConnectorId,
       walletsShown,
@@ -34,7 +36,7 @@ const getDefaultConfig = _a => {
       onConnectSuccess
     } = _a,
     // Wagmi config args
-    wagmiArgs = __rest(_a, ["rpc", "defaultChain", "walletconnectProjectId", "walletsList", "safeAllowedDomains", "chains", "transports", "autoConnect", "buttonComponentsByConnectorId", "walletsShown", "walletsPinned", "walletsDisplayInitialCount", "linkTerms", "linkPrivacyNotice", "linkDontHaveWallet", "onClickTermsAccept", "onClickWalletsLess", "onClickWalletsMore", "onConnectStart", "onConnectSuccess"]);
+    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 {
     walletsDataList
   } = getWalletsDataList({
@@ -46,7 +48,9 @@ const getDefaultConfig = _a => {
   });
   const reefKnotConfig = {
     autoConnect,
-    walletDataList: walletsDataList
+    walletDataList: walletsDataList,
+    onAutoConnect,
+    onReconnect
   };
   const wagmiConfig = createConfig(Object.assign({
     chains,

package/dist/helpers/withCallback.d.ts

@@ -0,0 +1,2 @@
+export declare function withCallback<T extends (...args: any[]) => any, C extends ((...args: any[]) => void) | undefined>(fn: T, callback: C): (...args: Parameters<T>) => ReturnType<T> | Promise<ReturnType<T>>;
+//# sourceMappingURL=withCallback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withCallback.d.ts","sourceRoot":"","sources":["../../src/helpers/withCallback.ts"],"names":[],"mappings":"AACA,wBAAgB,YAAY,CAC1B,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACjC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,EAEhD,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,CAAC,GACV,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAMpE"}

package/dist/helpers/withCallback.js

@@ -0,0 +1,12 @@
+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);
+    if (callback) callback();
+    return result;
+  });
+}
+
+export { withCallback };

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

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

package/dist/hooks/useAutoConnect.js

@@ -5,6 +5,7 @@ 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';
+import { withCallback } from '../helpers/withCallback.js';
 
 const useAutoConnect = autoConnectEnabled => {
   const {
@@ -20,7 +21,8 @@ const useAutoConnect = autoConnectEnabled => {
     eagerConnect
   } = useEagerConnect();
   const {
-    walletDataList
+    walletDataList,
+    onReconnect
   } = useReefKnotContext();
   useEffect(() => {
     const tryReconnect = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -45,7 +47,8 @@ const useAutoConnect = autoConnectEnabled => {
           // 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));
-          yield reconnectAsync({
+          const reconnectWithCallback = withCallback(reconnectAsync, onReconnect);
+          yield reconnectWithCallback({
             connectors: [createConnectorFn]
           });
         }

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

@@ -1 +1 @@
-{"version":3,"file":"useEagerConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEagerConnect.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAEvC,eAAO,MAAM,cAAc,WACjB,MAAM,YACJ,iBAAiB,EAAE,kBACb,yBAAyB,CAAC,gBAAgB,CAAC,KAC1D,OAAO,CAAC,aAAa,GAAG,IAAI,CA4C9B,CAAC;AAEF,eAAO,MAAM,eAAe;;CAc3B,CAAC"}
+{"version":3,"file":"useEagerConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEagerConnect.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAEvC,eAAO,MAAM,cAAc,WACjB,MAAM,YACJ,iBAAiB,EAAE,kBACb,yBAAyB,CAAC,gBAAgB,CAAC,KAC1D,OAAO,CAAC,aAAa,GAAG,IAAI,CA4C9B,CAAC;AAEF,eAAO,MAAM,eAAe;;CAuB3B,CAAC"}

package/dist/hooks/useEagerConnect.js

@@ -56,14 +56,19 @@ const useEagerConnect = () => {
     openModalAsync
   } = useReefKnotModal();
   const {
-    walletDataList
+    walletDataList,
+    onAutoConnect
   } = useReefKnotContext();
-  const eagerConnect = useCallback(() => {
+  const eagerConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     const autoConnectOnlyAdapters = walletDataList.filter(({
       autoConnectOnly
     }) => autoConnectOnly);
-    return connectEagerly(config, autoConnectOnlyAdapters, openModalAsync);
-  }, [openModalAsync, walletDataList, config]);
+    const connectionResult = yield connectEagerly(config, autoConnectOnlyAdapters, openModalAsync);
+    if (connectionResult && onAutoConnect) {
+      onAutoConnect();
+    }
+    return connectionResult;
+  }), [openModalAsync, walletDataList, config, onAutoConnect]);
   return {
     eagerConnect
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "6.1.0",
+  "version": "6.2.0-alpha.2",
   "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.3.0",
-    "@reef-knot/wallets-list": "^4.1.2",
-    "@reef-knot/types": "^4.1.0",
-    "@reef-knot/ui-react": "^2.2.0",
-    "@reef-knot/wallets-helpers": "^2.2.0",
+    "@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.2",
     "eslint-config-custom": "*",
+    "mipd": "0.0.7",
     "react": "18.2.0",
     "viem": ">=2.23",
-    "wagmi": ">=2.14",
-    "mipd": "0.0.7"
+    "wagmi": ">=2.14"
   },
   "peerDependencies": {
-    "@reef-knot/ledger-connector": "^4.1.0",
-    "@reef-knot/wallets-list": "^4.0.0",
-    "@reef-knot/types": "^4.0.0",
-    "@reef-knot/ui-react": "^2.1.3",
-    "@reef-knot/wallets-helpers": "^2.0.2",
+    "@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.2",
+    "@tanstack/react-query": "^5.29.0",
     "react": ">=18",
     "viem": ">=2.23",
-    "wagmi": ">=2.14",
-    "@tanstack/react-query": "^5.29.0"
+    "wagmi": ">=2.14"
   }
 }