@reef-knot/core-react 4.2.0 → 4.3.0

package/dist/context/reefKnot.d.ts

@@ -10,6 +10,8 @@ export interface ReefKnotContextProps {
 export type ReefKnotContextValue = {
     rpc: Record<number, string>;
     walletDataList: WalletAdapterData[];
+    loadingWalletId: string | null;
+    setLoadingWalletId: React.Dispatch<React.SetStateAction<string | null>>;
     chains: readonly [Chain, ...Chain[]];
 };
 export declare const ReefKnotContext: React.Context<ReefKnotContextValue>;

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,SAAS,EAAW,MAAM,OAAO,CAAC;AAEjE,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,sBAetB,CAAC"}
+{"version":3,"file":"reefKnot.d.ts","sourceRoot":"","sources":["../../src/context/reefKnot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE3E,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,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACxE,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,sBAmBtB,CAAC"}

package/dist/context/reefKnot.js

@@ -1,4 +1,4 @@
-import React, { createContext, useMemo } from 'react';
+import React, { createContext, useState, useMemo } from 'react';
 import { ReefKnotModalContextProvider } from './reefKnotModalContext.js';
 
 const ReefKnotContext = createContext({});
@@ -8,11 +8,14 @@ const ReefKnot = ({
   walletDataList,
   children
 }) => {
+  const [loadingWalletId, setLoadingWalletId] = useState(null);
   const contextValue = useMemo(() => ({
     rpc,
     walletDataList,
-    chains
-  }), [rpc, walletDataList, chains]);
+    chains,
+    loadingWalletId,
+    setLoadingWalletId
+  }), [rpc, walletDataList, chains, loadingWalletId]);
   return React.createElement(ReefKnotContext.Provider, {
     value: contextValue
   }, React.createElement(ReefKnotModalContextProvider, null, children));

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,MAAM,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,sBA0DzB,CAAC"}

package/dist/hooks/useEagerConnect.d.ts

@@ -1,9 +1,8 @@
 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 connectEagerly: (config: Config, adapters: WalletAdapterData[], openModalAsync: ReefKnotModalContextValue["openModalAsync"]) => Promise<ConnectResult | null>;
 export declare const useEagerConnect: () => {
     eagerConnect: () => Promise<ConnectResult | null>;
 };

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

@@ -1 +1 @@
-{"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"}
+{"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,YAAY,CAAC;AAE5D,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"}

package/dist/hooks/useEagerConnect.js

@@ -3,53 +3,20 @@ import { useCallback } from 'react';
 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 { connect } from 'wagmi/actions';
 import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
 
-const connectToAdapter = (config, connector, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+const connectEagerly = (config, adapters, openModalAsync) => __awaiter(void 0, void 0, void 0, function* () {
   var _a;
-  const connectResult = yield connect(config, {
-    connector
-  });
-  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.
-    // 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(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.
-    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 = (config, adapters, openModalAsync, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
-  var _b;
   const isTermsAccepted = checkTermsAccepted();
   for (const adapter of adapters) {
-    if (yield (_b = adapter.detector) === null || _b === void 0 ? void 0 : _b.call(adapter)) {
+    if (yield (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter)) {
       // wallet is detected
       let connectionResult = null;
       const tryConnection = () => __awaiter(void 0, void 0, void 0, function* () {
-        const result = yield connectToAdapter(config, adapter.createConnectorFn, supportedChains);
+        const result = yield connect(config, {
+          connector: adapter.createConnectorFn
+        });
         connectionResult = result;
         return result;
       });
@@ -68,7 +35,7 @@ const connectEagerly = (config, adapters, openModalAsync, supportedChains) => __
         try {
           yield tryConnection();
         } catch (e) {
-          // when failed open terms modal,allow user to see error and retry from it
+          // when failed, open the terms modal, allow user to see the error and retry the connection
           yield openModalAsync({
             type: 'eager',
             props: {
@@ -78,7 +45,6 @@ const connectEagerly = (config, adapters, openModalAsync, supportedChains) => __
           });
         }
       }
-      // TS doesn't know we assigned in tryConnection
       return connectionResult;
     }
   }
@@ -90,15 +56,14 @@ const useEagerConnect = () => {
     openModalAsync
   } = useReefKnotModal();
   const {
-    walletDataList,
-    chains
+    walletDataList
   } = useReefKnotContext();
   const eagerConnect = useCallback(() => {
     const autoConnectOnlyAdapters = walletDataList.filter(({
       autoConnectOnly
     }) => autoConnectOnly);
-    return connectEagerly(config, autoConnectOnlyAdapters, openModalAsync, chains);
-  }, [openModalAsync, walletDataList, chains, config]);
+    return connectEagerly(config, autoConnectOnlyAdapters, openModalAsync);
+  }, [openModalAsync, walletDataList, config]);
   return {
     eagerConnect
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {