@reef-knot/core-react 2.1.1 → 3.1.0

package/dist/_virtual/_tslib.js

@@ -13,6 +13,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
+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) {
@@ -28,4 +40,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __awaiter };
+export { __awaiter, __rest };

package/dist/components/AutoConnect.d.ts

@@ -1,10 +1,8 @@
-import React from 'react';
 import { Chain } from 'wagmi';
 import type { WalletAdapterData } from '@reef-knot/types';
-export declare const AutoConnect: ({ children, autoConnect, }: {
-    children: React.ReactNode;
+export declare const AutoConnect: ({ autoConnect, }: {
     autoConnect: boolean;
     walletDataList: WalletAdapterData[];
     chains: Chain[];
-}) => React.JSX.Element;
+}) => 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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,WAAW;cAIZ,MAAM,SAAS;iBACZ,OAAO;oBACJ,iBAAiB,EAAE;YAC3B,KAAK,EAAE;uBAKhB,CAAC"}
+{"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"}

package/dist/components/AutoConnect.js

@@ -1,12 +1,10 @@
-import React from 'react';
 import { useAutoConnect } from '../hooks/useAutoConnect.js';
 
 const AutoConnect = ({
-  children,
   autoConnect
 }) => {
   useAutoConnect(autoConnect);
-  return React.createElement(React.Fragment, null, children);
+  return null;
 };
 
 export { AutoConnect };

package/dist/context/index.d.ts

@@ -1,3 +1,4 @@
 export * from './reefKnot';
-export * from './acceptTermsModal';
+export { ReefKnotModalContextProvider } from './reefKnotModalContext';
+export type { ReefKnotModalContextValue } from './reefKnotModalContext';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

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,CAuC7C,CAAC"}
+{"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"}

package/dist/context/reefKnot.js

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

package/dist/context/reefKnotModalContext.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+type RequirementsData = {
+    icon?: ReactNode;
+    title?: string;
+    text?: ReactNode;
+};
+type ModalTypes = {
+    type: 'wallet' | 'ledger';
+    props?: undefined;
+} | {
+    type: 'eager';
+    props: {
+        tryConnection: () => Promise<any>;
+        initialError?: Error;
+    };
+} | {
+    type: 'requirements';
+    props: RequirementsData;
+};
+type ModalResult = {
+    success: boolean;
+};
+type ModalStateEntry = {
+    onClose: (props: ModalResult) => void;
+} & ModalTypes;
+type ModalOpenParams = {
+    onClose?: (props: ModalResult) => void;
+} & ModalTypes;
+type AsyncModalOpenParams = Omit<ModalOpenParams, 'onClose'>;
+export type ReefKnotModalContextValue = {
+    openModal: (params: ModalOpenParams) => void;
+    openModalAsync: (params: AsyncModalOpenParams) => Promise<ModalResult>;
+    forceCloseAllModals: () => void;
+    closeModal: (result: ModalResult) => void;
+    modalStack: ModalStateEntry[];
+    currentModal: ModalStateEntry | undefined;
+    termsChecked: boolean;
+    setTermsChecked: (isChecked: boolean) => void;
+};
+export declare const ReefKnotModalContext: React.Context<ReefKnotModalContextValue | null>;
+export declare const ReefKnotModalContextProvider: ({ children, }: React.PropsWithChildren) => React.JSX.Element;
+export {};
+//# sourceMappingURL=reefKnotModalContext.d.ts.map

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

@@ -0,0 +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"}

package/dist/context/reefKnotModalContext.js

@@ -0,0 +1,69 @@
+import { __rest, __awaiter } from '../_virtual/_tslib.js';
+import React, { createContext, useState, useMemo } from 'react';
+import { useLocalStorage } from '../helpers/useLocalStorage.js';
+import { LS_KEY_TERMS_ACCEPTANCE } from '../constants/localStorage.js';
+
+const NOOP = () => {};
+const ReefKnotModalContext = createContext(null);
+ReefKnotModalContext.displayName = 'ReefKnotModalContext';
+const ReefKnotModalContextProvider = ({
+  children
+}) => {
+  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), {
+        onClose
+      })]);
+    },
+    openModalAsync: ({
+      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
+        ...old, {
+          type,
+          props: props,
+          onClose: resolve
+        }]);
+      });
+    }),
+    closeModal: result => {
+      updateModalStack(old => {
+        const modal = old.pop();
+        modal === null || modal === void 0 ? void 0 : modal.onClose(result);
+        return [...old];
+      });
+    },
+    forceCloseAllModals: () => {
+      updateModalStack(old => {
+        let modal = old.pop();
+        while (modal) {
+          modal === null || modal === void 0 ? void 0 : modal.onClose({
+            success: false
+          });
+          modal = old.pop();
+        }
+        return [];
+      });
+    }
+  }), []);
+  const contextValue = useMemo(() => Object.assign({
+    modalStack,
+    currentModal: modalStack[modalStack.length - 1],
+    termsChecked,
+    setTermsChecked
+  }, stableCallbacks), [stableCallbacks, termsChecked, modalStack, setTermsChecked]);
+  return React.createElement(ReefKnotModalContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+export { ReefKnotModalContext, ReefKnotModalContextProvider };

package/dist/helpers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './getUnsupportedChainError';
 export * from './checkTermsAccepted';
 export * from './userAgents';
+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,cAAc,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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/helpers/useLocalStorage.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T) => void];
+//# sourceMappingURL=useLocalStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/helpers/useLocalStorage.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,wBAapC,CAAC,WAW3B"}

package/dist/helpers/useLocalStorage.js

@@ -0,0 +1,29 @@
+import { useState } from 'react';
+
+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);
+    }
+    // Parse stored json or if none return initialValue
+    return item ? JSON.parse(item) : initialValue;
+  });
+  // Return a wrapped version of useState's setter function that persists the new value to localStorage.
+  const setValue = value => {
+    // Allow value to be a function, so we have same API as useState
+    const valueToStore = value instanceof Function ? value(storedValue) : value;
+    // Save state
+    setStoredValue(valueToStore);
+    // Save to local storage
+    if (typeof window !== 'undefined') {
+      window.localStorage.setItem(key, JSON.stringify(valueToStore));
+    }
+  };
+  return [storedValue, setValue];
+}
+
+export { useLocalStorage };

package/dist/hooks/index.d.ts

@@ -4,4 +4,6 @@ export * from './useAutoConnectCheck';
 export * from './useEagerConnect';
 export * from './useDisconnect';
 export * from './useConnectorInfo';
+export * from './useConnect';
+export * from './useReefKnotModal';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/hooks/useAutoConnect.js

@@ -20,13 +20,10 @@ const useAutoConnect = autoConnectEnabled => {
     isAutoConnectCalled.current = true;
     // Try to eagerly connect wallets that are meant to be used only with auto-connection.
     // For example, wallets with dApp browsers, or using iframes to open dApps.
-    const {
-      connectResult,
-      connectError
-    } = yield eagerConnect();
+    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 && !connectError && checkTermsAccepted()) {
+    if (!connectResult && checkTermsAccepted()) {
       yield client.autoConnect();
     }
   }), [autoConnectEnabled, client, eagerConnect, isConnected]);

package/dist/hooks/useAutoConnectCheck.d.ts

@@ -1,4 +1,5 @@
 export declare const useAutoConnectCheck: () => {
-    isAutoConnectionSuitable: boolean;
+    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;;CAY/B,CAAC"}
+{"version":3,"file":"useAutoConnectCheck.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoConnectCheck.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;CAyB/B,CAAC"}

package/dist/hooks/useAutoConnectCheck.js

@@ -1,18 +1,30 @@
+import { __awaiter } from '../_virtual/_tslib.js';
 import { useReefKnotContext } from './useReefKnotContext.js';
 
 const useAutoConnectCheck = () => {
   const {
     walletDataList
   } = useReefKnotContext();
-  const autoConnectOnlyAdapters = walletDataList.filter(({
-    autoConnectOnly
-  }) => autoConnectOnly);
-  const isAutoConnectionSuitable = autoConnectOnlyAdapters.some(adapter => {
+  const checkIfShouldAutoConnect = () => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
-    return (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter);
+    const autoConnectOnlyAdapters = walletDataList.filter(({
+      autoConnectOnly
+    }) => autoConnectOnly);
+    for (const adapter of autoConnectOnlyAdapters) {
+      // 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);
+  };
   return {
-    isAutoConnectionSuitable
+    checkIfShouldAutoConnect,
+    getAutoConnectOnlyConnectors
   };
 };
 

package/dist/hooks/useConnect.d.ts

@@ -0,0 +1,6 @@
+export declare const useConnect: () => {
+    connect: () => Promise<{
+        success: boolean;
+    }>;
+};
+//# sourceMappingURL=useConnect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConnect.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnect.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;CActB,CAAC"}

package/dist/hooks/useConnect.js

@@ -0,0 +1,34 @@
+import { __awaiter } from '../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useAutoConnectCheck } from './useAutoConnectCheck.js';
+import { useEagerConnect } from './useEagerConnect.js';
+import { useReefKnotModal } from './useReefKnotModal.js';
+
+const useConnect = () => {
+  const {
+    openModalAsync
+  } = useReefKnotModal();
+  const {
+    checkIfShouldAutoConnect
+  } = useAutoConnectCheck();
+  const {
+    eagerConnect
+  } = useEagerConnect();
+  const connect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    if (yield checkIfShouldAutoConnect()) {
+      const result = yield eagerConnect();
+      return {
+        success: !!result
+      };
+    } else {
+      return openModalAsync({
+        type: 'wallet'
+      });
+    }
+  }), [checkIfShouldAutoConnect, eagerConnect, openModalAsync]);
+  return {
+    connect
+  };
+};
+
+export { useConnect };

package/dist/hooks/useDisconnect.d.ts

@@ -3,5 +3,6 @@ export declare const useForceDisconnect: () => {
 };
 export declare const useDisconnect: () => {
     disconnect?: (() => void) | undefined;
+    checkIfDisconnectMakesSense: () => 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;;CAY9B,CAAC;AAEF,eAAO,MAAM,aAAa;wBACL,IAAI;CAWxB,CAAC"}
+{"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"}

package/dist/hooks/useDisconnect.js

@@ -1,38 +1,43 @@
-import { useContext, useCallback } from 'react';
+import { useCallback } from 'react';
 import { useDisconnect as useDisconnect$1, useAccount } from 'wagmi';
-import { AcceptTermsModalContext } from '../context/acceptTermsModal.js';
 import { useAutoConnectCheck } from './useAutoConnectCheck.js';
+import { useReefKnotModal } from './useReefKnotModal.js';
 
 const useForceDisconnect = () => {
   const {
     disconnect
   } = useDisconnect$1();
   const {
-    acceptTermsModal: {
-      setVisible
-    }
-  } = useContext(AcceptTermsModalContext);
+    forceCloseAllModals
+  } = useReefKnotModal();
   const forceDisconnect = useCallback(() => {
+    forceCloseAllModals();
     disconnect();
-    setVisible(false);
-  }, [disconnect, setVisible]);
+  }, [disconnect, forceCloseAllModals]);
   return {
     forceDisconnect
   };
 };
 const useDisconnect = () => {
   const {
-    isConnected
+    isConnected,
+    connector
   } = useAccount();
   const {
     disconnect
   } = useDisconnect$1();
   const {
-    isAutoConnectionSuitable
+    getAutoConnectOnlyConnectors
   } = useAutoConnectCheck();
-  const available = isConnected && !isAutoConnectionSuitable;
+  const checkIfDisconnectMakesSense = () => {
+    // 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();
+    return isConnected && autoConnectOnlyConnectors.some(c => c.id === (connector === null || connector === void 0 ? void 0 : connector.id));
+  };
   return {
-    disconnect: available ? disconnect : undefined
+    disconnect: checkIfDisconnectMakesSense() ? disconnect : undefined,
+    checkIfDisconnectMakesSense
   };
 };
 

package/dist/hooks/useEagerConnect.d.ts

@@ -1,15 +1,9 @@
 import { Chain } from 'wagmi';
 import type { ConnectResult } from '@wagmi/core';
 import { WalletAdapterData } from '@reef-knot/types';
-import { AcceptTermsModal } from '../context/acceptTermsModal';
-export declare const connectEagerly: (adapters: WalletAdapterData[], acceptTermsModal: AcceptTermsModal, supportedChains: Chain[]) => Promise<{
-    connectResult: ConnectResult | null;
-    connectError?: Error | undefined;
-}>;
+import { ReefKnotModalContextValue } from '../context';
+export declare const connectEagerly: (adapters: WalletAdapterData[], openModalAsync: ReefKnotModalContextValue['openModalAsync'], supportedChains: Chain[]) => Promise<ConnectResult | null>;
 export declare const useEagerConnect: () => {
-    eagerConnect: () => Promise<{
-        connectResult: ConnectResult | null;
-        connectError?: Error | undefined;
-    }>;
+    eagerConnect: () => Promise<ConnectResult<import("@wagmi/core/dist/index-35b6525c").P> | null>;
 };
 //# 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;AACrD,OAAO,EACL,gBAAgB,EAEjB,MAAM,6BAA6B,CAAC;AAqDrC,eAAO,MAAM,cAAc,aACf,iBAAiB,EAAE,oBACX,gBAAgB,mBACjB,KAAK,EAAE;mBAET,aAAa,GAAG,IAAI;;EAgCpC,CAAC;AAEF,eAAO,MAAM,eAAe;;uBAlCX,aAAa,GAAG,IAAI;;;CA8CpC,CAAC"}
+{"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"}

package/dist/hooks/useEagerConnect.js

@@ -1,23 +1,15 @@
 import { __awaiter } from '../_virtual/_tslib.js';
 import { connect, disconnect } from 'wagmi/actions';
-import { useContext, useCallback } from 'react';
-import { AcceptTermsModalContext } from '../context/acceptTermsModal.js';
+import { useCallback } from 'react';
 import { getUnsupportedChainError } from '../helpers/getUnsupportedChainError.js';
 import { checkTermsAccepted } from '../helpers/checkTermsAccepted.js';
 import { useReefKnotContext } from './useReefKnotContext.js';
+import { useReefKnotModal } from './useReefKnotModal.js';
 
-const connectAndHandleErrors = (connector, supportedChains, acceptTermsModal) => __awaiter(void 0, void 0, void 0, function* () {
-  var _a, _b, _c, _d;
-  let connectResult = null;
-  let connectError;
-  try {
-    connectResult = yield connect({
-      connector
-    });
-  } catch (e) {
-    connectResult = null; // ensure that connectResult is empty in case of an error
-    connectError = e;
-  }
+const connectToAdapter = (connector, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+  const connectResult = yield connect({
+    connector
+  });
   if (connectResult === null || connectResult === void 0 ? void 0 : connectResult.chain.unsupported) {
     // No errors during connection, but the chain is unsupported.
     // This case is considered as error for now, and we explicitly call disconnect() here.
@@ -25,8 +17,7 @@ const connectAndHandleErrors = (connector, supportedChains, acceptTermsModal) =>
     // web3-react logic was: if a chain is unsupported – break the connection, throw an error
     // wagmi logic is: if a chain is unsupported – connect anyway, without errors, set `chain.unsupported` flag to true.
     // So, here we are trying to mimic the legacy logic, because we are not ready to rework it yet.
-    connectResult = null;
-    connectError = getUnsupportedChainError(supportedChains);
+    const connectError = getUnsupportedChainError(supportedChains);
     yield disconnect();
     // A user may change a chain in a wallet app, prepare for that event.
     // There is a strong recommendation in the MetaMask documentation
@@ -37,62 +28,64 @@ const connectAndHandleErrors = (connector, supportedChains, acceptTermsModal) =>
       var _a;
       return (_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.location.reload();
     });
+    throw connectError;
   }
-  if (connectError) {
-    (_a = acceptTermsModal.setError) === null || _a === void 0 ? void 0 : _a.call(acceptTermsModal, connectError);
-    (_b = acceptTermsModal.setVisible) === null || _b === void 0 ? void 0 : _b.call(acceptTermsModal, true);
-  } else {
-    (_c = acceptTermsModal.setVisible) === null || _c === void 0 ? void 0 : _c.call(acceptTermsModal, false);
-    (_d = acceptTermsModal.setError) === null || _d === void 0 ? void 0 : _d.call(acceptTermsModal, undefined);
-  }
-  return {
-    connectResult,
-    connectError
-  };
+  return connectResult;
 });
-const connectEagerly = (adapters, acceptTermsModal, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
-  var _e, _f, _g;
+const connectEagerly = (adapters, openModalAsync, supportedChains) => __awaiter(void 0, void 0, void 0, function* () {
+  var _a;
   const isTermsAccepted = checkTermsAccepted();
-  let connectResult = null;
-  let connectError;
-  const continueConnection = connector => __awaiter(void 0, void 0, void 0, function* () {
-    ({
-      connectResult,
-      connectError
-    } = yield connectAndHandleErrors(connector, supportedChains, acceptTermsModal));
-  });
   for (const adapter of adapters) {
-    if ((_e = adapter.detector) === null || _e === void 0 ? void 0 : _e.call(adapter)) {
+    if (yield (_a = adapter.detector) === null || _a === void 0 ? void 0 : _a.call(adapter)) {
       // wallet is detected
+      let connectionResult = null;
+      const tryConnection = () => connectToAdapter(adapter.connector, supportedChains).then(result => {
+        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.
-        const onContinue = () => void continueConnection(adapter.connector);
-        (_f = acceptTermsModal.setOnContinue) === null || _f === void 0 ? void 0 : _f.call(acceptTermsModal, () => onContinue);
-        (_g = acceptTermsModal.setVisible) === null || _g === void 0 ? void 0 : _g.call(acceptTermsModal, true);
+        yield openModalAsync({
+          type: 'eager',
+          props: {
+            tryConnection
+          }
+        });
       } else {
-        yield continueConnection(adapter.connector);
+        // happy path - try connection
+        try {
+          yield tryConnection();
+        } catch (e) {
+          // when failed open terms modal,allow user to see error and retry from it
+          yield openModalAsync({
+            type: 'eager',
+            props: {
+              tryConnection,
+              initialError: e
+            }
+          });
+        }
       }
-      break; // no need to iterate over all other adapters if at least one was detected
+      // TS doesn't know we assigned in tryConnection
+      return connectionResult;
     }
   }
-  return {
-    connectResult,
-    connectError
-  };
+  return null;
 });
 const useEagerConnect = () => {
   const {
-    acceptTermsModal
-  } = useContext(AcceptTermsModalContext);
+    openModalAsync
+  } = useReefKnotModal();
   const {
     walletDataList,
     chains
   } = useReefKnotContext();
   const autoConnectOnlyAdapters = walletDataList.filter(adapter => adapter.autoConnectOnly);
   const eagerConnect = useCallback(() => {
-    return connectEagerly(autoConnectOnlyAdapters, acceptTermsModal, chains);
-  }, [acceptTermsModal, autoConnectOnlyAdapters, chains]);
+    return connectEagerly(autoConnectOnlyAdapters, openModalAsync, chains);
+  }, [openModalAsync, autoConnectOnlyAdapters, chains]);
   return {
     eagerConnect
   };

package/dist/hooks/useReefKnotModal.d.ts

@@ -0,0 +1,2 @@
+export declare const useReefKnotModal: () => import("../context/reefKnotModalContext").ReefKnotModalContextValue;
+//# sourceMappingURL=useReefKnotModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useReefKnotModal.d.ts","sourceRoot":"","sources":["../../src/hooks/useReefKnotModal.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,2EAO5B,CAAC"}

package/dist/hooks/useReefKnotModal.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { ReefKnotModalContext } from '../context/reefKnotModalContext.js';
+
+const useReefKnotModal = () => {
+  const value = useContext(ReefKnotModalContext);
+  if (!value) throw new Error('useReefKnotModal was called outside of the ReefKnotModalContext');
+  return value;
+};
+
+export { useReefKnotModal };

package/dist/index.js

@@ -5,10 +5,13 @@ export { useAutoConnectCheck } from './hooks/useAutoConnectCheck.js';
 export { connectEagerly, useEagerConnect } from './hooks/useEagerConnect.js';
 export { useDisconnect, useForceDisconnect } from './hooks/useDisconnect.js';
 export { useConnectorInfo } from './hooks/useConnectorInfo.js';
+export { useConnect } from './hooks/useConnect.js';
+export { useReefKnotModal } from './hooks/useReefKnotModal.js';
 export { ReefKnot, ReefKnotContext } from './context/reefKnot.js';
-export { AcceptTermsModalContext, AcceptTermsModalContextProvider } from './context/acceptTermsModal.js';
+export { ReefKnotModalContextProvider } from './context/reefKnotModalContext.js';
 export { LS_KEY_TERMS_ACCEPTANCE } from './constants/localStorage.js';
 export { holesky } from './chains/holesky.js';
 export { getUnsupportedChainError } from './helpers/getUnsupportedChainError.js';
 export { checkTermsAccepted } from './helpers/checkTermsAccepted.js';
 export { browser, device, isMobile, isMobileOrTablet, isTablet, os } from './helpers/userAgents.js';
+export { useLocalStorage } from './helpers/useLocalStorage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reef-knot/core-react",
-  "version": "2.1.1",
+  "version": "3.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -41,8 +41,8 @@
   },
   "devDependencies": {
     "@reef-knot/ledger-connector": "^3.0.0",
-    "@reef-knot/wallets-list": "^1.12.0",
-    "@reef-knot/types": "^1.5.0",
+    "@reef-knot/wallets-list": "^1.13.1",
+    "@reef-knot/types": "^1.7.0",
     "@reef-knot/ui-react": "^1.0.8",
     "@types/ua-parser-js": "^0.7.36",
     "eslint-config-custom": "*",

package/dist/context/acceptTermsModal.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type AcceptTermsModal = {
-    isVisible: boolean;
-    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    onContinue: () => void;
-    setOnContinue: React.Dispatch<React.SetStateAction<() => void>>;
-    error?: Error;
-    setError: React.Dispatch<React.SetStateAction<Error | undefined>>;
-};
-export type AcceptTermsModalContextValue = {
-    acceptTermsModal: AcceptTermsModal;
-};
-export declare const AcceptTermsModalContext: React.Context<AcceptTermsModalContextValue>;
-export declare const AcceptTermsModalContextProvider: ({ children, }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-//# sourceMappingURL=acceptTermsModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"acceptTermsModal.d.ts","sourceRoot":"","sources":["../../src/context/acceptTermsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAKF,eAAO,MAAM,uBAAuB,6CAKF,CAAC;AAEnC,eAAO,MAAM,+BAA+B;cAGhC,MAAM,SAAS;uBA+B1B,CAAC"}

package/dist/context/acceptTermsModal.js

@@ -1,32 +0,0 @@
-import React, { createContext, useState, useMemo } from 'react';
-
-const isVisibleDefaultValue = false;
-const onContinueDefaultValue = () => void 0;
-const AcceptTermsModalContext = createContext({
-  acceptTermsModal: {
-    isVisible: isVisibleDefaultValue,
-    onContinue: onContinueDefaultValue
-  }
-});
-const AcceptTermsModalContextProvider = ({
-  children
-}) => {
-  const [isAcceptTermsModalVisible, setIsAcceptTermsModalVisible] = useState(isVisibleDefaultValue);
-  const [onAcceptTermsModalContinue, setOnAcceptTermsModalContinue] = useState(() => onContinueDefaultValue);
-  const [error, setError] = useState(undefined);
-  const contextValue = useMemo(() => ({
-    acceptTermsModal: {
-      isVisible: isAcceptTermsModalVisible,
-      setVisible: setIsAcceptTermsModalVisible,
-      onContinue: onAcceptTermsModalContinue,
-      setOnContinue: setOnAcceptTermsModalContinue,
-      error,
-      setError
-    }
-  }), [error, isAcceptTermsModalVisible, onAcceptTermsModalContinue]);
-  return React.createElement(AcceptTermsModalContext.Provider, {
-    value: contextValue
-  }, children);
-};
-
-export { AcceptTermsModalContext, AcceptTermsModalContextProvider };