@ic-reactor/react 0.4.0 → 0.4.2

package/README.md

@@ -33,15 +33,16 @@ First, create an actor declaration file:
 ```ts
 // store.ts
 import { canisterId, idlFactory, actor } from "declaration/actor"
-import { createReActor } from "@ic-reactor/core"
+import { createReActor } from "@ic-reactor/react"
 
 type Actor = typeof actor
 
-export const { useActorStore, useQueryCall } = createReActor<Actor>({
-  canisterId: "rrkah-fqaaa-aaaaa-aaaaq-cai",
-  idlFactory,
-  host: "https://localhost:4943",
-})
+export const { useActorStore, useAuthClient, useQueryCall } =
+  createReActor<Actor>({
+    canisterId: "rrkah-fqaaa-aaaaa-aaaaq-cai",
+    idlFactory,
+    host: "https://localhost:4943",
+  })
 ```
 
 Then, use the `useQueryCall` hook to call your canister method:
@@ -54,7 +55,11 @@ const Balance = ({ principal }) => {
   const { call, data, loading, error } = useQueryCall({
     functionName: "get_balance",
     args: [principal],
-    callOnMount: true,
+    refetchInterval: 1000,
+    refetchOnMount: true,
+    onLoading: () => console.log("Loading..."),
+    onSuccess: (data) => console.log("Success!", data),
+    onError: (error) => console.log("Error!", error),
   })
 
   return (
@@ -72,6 +77,61 @@ const Balance = ({ principal }) => {
 export default Balance
 ```
 
+## Authentication
+
+`@ic-reactor/react` provides a custom hook for managing authentication with the IC blockchain. To use it, first create an authentication declaration file:
+
+```jsx
+// Login.tsx
+import { useAuthClient } from "./store"
+
+const Login = () => {
+  const {
+    login,
+    logout,
+    loginLoading,
+    loginError,
+    identity,
+    authenticating,
+    authenticated,
+  } = useAuthClient()
+
+  return (
+    <div>
+      <h2>Login:</h2>
+      <div>
+        {loginLoading && <div>Loading...</div>}
+        {loginError ? <div>{JSON.stringify(loginError)}</div> : null}
+        {identity && <div>{identity.getPrincipal().toText()}</div>}
+      </div>
+      {authenticated ? (
+        <div>
+          <button onClick={() => logout()}>Logout</button>
+        </div>
+      ) : (
+        <div>
+          <button
+            onClick={() =>
+              login({
+                identityProvider:
+                  process.env.DFX_NETWORK === "ic"
+                    ? "https://identity.ic0.app/#authorize"
+                    : "http://rdmx6-jaaaa-aaaaa-aaadq-cai.localhost:4943/#authorize",
+              })
+            }
+            disabled={authenticating}
+          >
+            Login
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default Login
+```
+
 ## API Reference
 
 The library provides various hooks and utilities for interacting with IC actors:

package/dist/hooks/auth.js

@@ -13,7 +13,7 @@ exports.getAuthHooks = void 0;
 const react_1 = require("react");
 const zustand_1 = require("zustand");
 const getAuthHooks = (agentManager) => {
-    const { authenticate, authStore } = agentManager;
+    const { authenticate, authStore, isLocalEnv } = agentManager;
     const useAgentManager = () => {
         return agentManager;
     };
@@ -29,7 +29,9 @@ const getAuthHooks = (agentManager) => {
             setLoginLoading(true);
             setLoginError(null);
             try {
-                yield (authClient === null || authClient === void 0 ? void 0 : authClient.login(Object.assign(Object.assign({}, options), { onSuccess: () => __awaiter(void 0, void 0, void 0, function* () {
+                yield (authClient === null || authClient === void 0 ? void 0 : authClient.login(Object.assign(Object.assign({ identityProvider: isLocalEnv
+                        ? "https://identity.ic0.app/#authorize"
+                        : "http://rdmx6-jaaaa-aaaaa-aaadq-cai.localhost:4943/#authorize" }, options), { onSuccess: () => __awaiter(void 0, void 0, void 0, function* () {
                         var _a;
                         setLoginLoading(false);
                         yield authenticate();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/store": "^0.4.0",
+    "@ic-reactor/store": "^0.4.2",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
     "react": ">=16.8",
     "zustand": "4.4"
   },
-  "gitHead": "b91b8bec6e0329d0a7cde22014d9222814311f23"
+  "gitHead": "d5817736d25a997a1b09f27f7546e8539cf5a6c2"
 }

package/dist/actorContext.d.ts

@@ -1,14 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { type ReActorHooks } from "./index";
-import { IDL } from "@dfinity/candid";
-import { ActorSubclass, CreateReActorOptions } from "@ic-reactor/store";
-export type ActorContextType<A = ActorSubclass<any>> = ReActorHooks<A>;
-export declare const ActorContext: React.Context<ActorContextType<any> | null>;
-type UseReActorType = <A = ActorSubclass<any>>() => ActorContextType<A>;
-export declare const useActor: UseReActorType;
-interface ActorProviderProps extends PropsWithChildren, Omit<CreateReActorOptions, "idlFactory"> {
-    idlFactory?: IDL.InterfaceFactory;
-    loadingComponent?: React.ReactNode;
-}
-export declare const ActorProvider: React.FC<ActorProviderProps>;
-export {};

package/dist/actorContext.js

@@ -1,118 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __rest = (this && this.__rest) || function (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActorProvider = exports.useActor = exports.ActorContext = void 0;
-const react_1 = __importStar(require("react"));
-const index_1 = require("./index");
-const store_1 = require("@ic-reactor/store");
-const agentContext_1 = require("./agentContext");
-exports.ActorContext = (0, react_1.createContext)(null);
-const useActor = () => {
-    const context = (0, react_1.useContext)(exports.ActorContext);
-    if (!context) {
-        throw new Error("useReActor must be used within a ActorProvider");
-    }
-    return context;
-};
-exports.useActor = useActor;
-const ActorProvider = (_a) => {
-    var { children, canisterId, loadingComponent = react_1.default.createElement("div", null, "Loading...") } = _a, config = __rest(_a, ["children", "canisterId", "loadingComponent"]);
-    const agentManager = (0, agentContext_1.useAgentManager)();
-    const [didJs, setDidJS] = (0, react_1.useState)();
-    const fetchDidJs = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!canisterId) {
-            throw new Error("canisterId is required");
-        }
-        const agent = agentManager.getAgent();
-        (0, store_1.getDidJsFromMetadata)(agent, canisterId).then((idlFactory) => __awaiter(void 0, void 0, void 0, function* () {
-            if (!idlFactory) {
-                try {
-                    idlFactory = yield (0, store_1.getDidJsFromTmpHack)(agent, canisterId);
-                }
-                catch (err) {
-                    if (/no query method/.test(err)) {
-                        console.warn(err);
-                        idlFactory = undefined;
-                    }
-                    else {
-                        throw err;
-                    }
-                }
-                if (!idlFactory) {
-                    console.warn("No query method found for canister", canisterId);
-                }
-            }
-            setDidJS(idlFactory);
-        }));
-        return didJs;
-    }), [canisterId]);
-    (0, react_1.useEffect)(() => {
-        const { idlFactory } = config;
-        if (idlFactory) {
-            setDidJS({ idlFactory });
-            return;
-        }
-        fetchDidJs();
-    }, [fetchDidJs, config.idlFactory]);
-    const hooks = (0, react_1.useMemo)(() => {
-        if (!didJs) {
-            return null;
-        }
-        try {
-            return (0, index_1.createReActor)({
-                idlFactory: didJs.idlFactory,
-                agentManager,
-                canisterId,
-                withDevtools: config.withDevtools,
-            });
-        }
-        catch (err) {
-            console.error(err);
-            return null;
-        }
-    }, [canisterId, agentManager, didJs]);
-    return (react_1.default.createElement(exports.ActorContext.Provider, { value: hooks }, hooks === null ? loadingComponent : children));
-};
-exports.ActorProvider = ActorProvider;

package/dist/agentContext.d.ts

@@ -1,14 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { AgentManager, AgentManagerOptions } from "@ic-reactor/store";
-import { getAuthHooks } from "./hooks/auth";
-export type AgentContextType = ReturnType<typeof getAuthHooks> & {
-    agentManager: AgentManager;
-};
-export declare const AgentContext: React.Context<AgentContextType | null>;
-export declare const useAgent: () => AgentContextType;
-export declare const useAgentManager: () => AgentManager;
-interface ReActorProviderProps extends PropsWithChildren, AgentManagerOptions {
-    agentManager?: AgentManager;
-}
-export declare const AgentProvider: React.FC<ReActorProviderProps>;
-export {};

package/dist/agentContext.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AgentProvider = exports.useAgentManager = exports.useAgent = exports.AgentContext = void 0;
-const react_1 = __importStar(require("react"));
-const store_1 = require("@ic-reactor/store");
-const auth_1 = require("./hooks/auth");
-exports.AgentContext = (0, react_1.createContext)(null);
-const useAgent = () => {
-    const context = (0, react_1.useContext)(exports.AgentContext);
-    if (!context) {
-        throw new Error("useAgent must be used within a AgentProvider");
-    }
-    return context;
-};
-exports.useAgent = useAgent;
-const useAgentManager = () => {
-    const context = (0, react_1.useContext)(exports.AgentContext);
-    if (!context) {
-        throw new Error("useAgentManager must be used within a AgentProvider");
-    }
-    return context.agentManager;
-};
-exports.useAgentManager = useAgentManager;
-const AgentProvider = (_a) => {
-    var { children } = _a, config = __rest(_a, ["children"]);
-    const agentManager = (0, react_1.useRef)(config.agentManager || (0, store_1.createAgentManager)(config));
-    const hooks = (0, react_1.useMemo)(() => {
-        const hooks = (0, auth_1.getAuthHooks)(agentManager.current);
-        return Object.assign(Object.assign({}, hooks), { agentManager: agentManager.current });
-    }, []);
-    return react_1.default.createElement(exports.AgentContext.Provider, { value: hooks }, children);
-};
-exports.AgentProvider = AgentProvider;

package/dist/authHooks.d.ts

@@ -1,41 +0,0 @@
-import type { AuthClientLoginOptions } from "@dfinity/auth-client";
-import type { CreateReActorOptions } from "@ic-reactor/store";
-export * from "./context";
-export declare const createReActor: <A extends unknown>(options: Omit<CreateReActorOptions, "isLocal">) => {
-    useMethodFields: () => import("@ic-reactor/store").ActorMethodField<A>[];
-    useMethodField: (functionName: keyof A & string) => import("@ic-reactor/store").ActorMethodField<A> | undefined;
-    useActorStore: () => {
-        initialized: boolean;
-        initializing: boolean;
-        error: Error | undefined;
-        methodState: import("@ic-reactor/store").ActorMethodStates<A>;
-    };
-    useAuthStore: () => import("@ic-reactor/store").ActorAuthState;
-    useQueryCall: <M extends keyof A>({ autoRefresh, refreshInterval, disableInitialCall, ...rest }: import("./types").ReActorUseQueryArgs<A, M>) => {
-        data: import("@ic-reactor/store").ExtractActorMethodReturnType<A[M]> | undefined;
-        error: Error | undefined;
-        loading: boolean;
-        field: import("@ic-reactor/store").ActorMethodField<A> | undefined;
-        call: (replaceArgs?: import("@ic-reactor/store").ExtractActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractActorMethodReturnType<A[M]> | undefined>;
-    };
-    useUpdateCall: <M_1 extends keyof A>(args: import("./types").ReActorUseUpdateArgs<A, M_1>) => {
-        data: import("@ic-reactor/store").ExtractActorMethodReturnType<A[M_1]> | undefined;
-        error: Error | undefined;
-        loading: boolean;
-        call: (replaceArgs?: import("@ic-reactor/store").ExtractActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractActorMethodReturnType<A[M_1]> | undefined>;
-        field: import("@ic-reactor/store").ActorMethodField<A> | undefined;
-    };
-    useAuthClient: () => {
-        authClient: import("@dfinity/auth-client").AuthClient | null;
-        authenticated: boolean;
-        authenticating: boolean;
-        identity: import("@ic-reactor/store").Identity | null;
-        login: (options?: AuthClientLoginOptions) => Promise<void>;
-        logout: (options?: {
-            returnTo?: string;
-        }) => Promise<void>;
-        authenticate: () => Promise<void>;
-        loginLoading: boolean;
-        loginError: unknown;
-    };
-};

package/dist/authHooks.js

@@ -1,102 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReActor = void 0;
-const store_1 = require("@ic-reactor/store");
-const react_1 = require("react");
-const zustand_1 = require("zustand");
-const hooks_1 = require("./hooks");
-__exportStar(require("./context"), exports);
-const createReActor = (options) => {
-    const isLocal = typeof process !== "undefined" &&
-        (process.env.NODE_ENV === "development" ||
-            process.env.DFX_NETWORK === "local");
-    const { authenticate, authStore, callMethod, actorStore, methodFields } = (0, store_1.createReActorStore)(Object.assign({ isLocal }, options));
-    const useActorStore = () => {
-        const actorState = (0, zustand_1.useStore)(actorStore, (state) => state);
-        return Object.assign({}, actorState);
-    };
-    const useAuthStore = () => {
-        const authState = (0, zustand_1.useStore)(authStore, (state) => state);
-        return authState;
-    };
-    const useAuthClient = () => {
-        const [loginLoading, setLoginLoading] = (0, react_1.useState)(false);
-        const [loginError, setLoginError] = (0, react_1.useState)(null);
-        const { authClient, authenticated, authenticating, identity } = useAuthStore();
-        const login = (options) => __awaiter(void 0, void 0, void 0, function* () {
-            setLoginLoading(true);
-            setLoginError(null);
-            try {
-                yield (authClient === null || authClient === void 0 ? void 0 : authClient.login(Object.assign(Object.assign({}, options), { onSuccess: () => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a;
-                        setLoginLoading(false);
-                        yield authenticate();
-                        (_a = options === null || options === void 0 ? void 0 : options.onSuccess) === null || _a === void 0 ? void 0 : _a.call(options);
-                    }), onError: (e) => {
-                        var _a;
-                        setLoginError(e);
-                        setLoginLoading(false);
-                        (_a = options === null || options === void 0 ? void 0 : options.onError) === null || _a === void 0 ? void 0 : _a.call(options, e);
-                    } })));
-            }
-            catch (e) {
-                setLoginLoading(false);
-                setLoginError(e);
-            }
-        });
-        const logout = (options) => __awaiter(void 0, void 0, void 0, function* () {
-            yield (authClient === null || authClient === void 0 ? void 0 : authClient.logout(options));
-            yield authenticate();
-        });
-        (0, react_1.useEffect)(() => {
-            if (!authClient && !authenticating) {
-                authenticate();
-            }
-        }, [authClient, authenticating]);
-        return {
-            authClient,
-            authenticated,
-            authenticating,
-            identity,
-            login,
-            logout,
-            authenticate,
-            loginLoading,
-            loginError,
-        };
-    };
-    const { useQueryCall, useMethodField, useMethodFields, useUpdateCall } = (0, hooks_1.getActorHooks)(callMethod, methodFields);
-    return {
-        useMethodFields,
-        useMethodField,
-        useActorStore,
-        useAuthStore,
-        useQueryCall,
-        useUpdateCall,
-        useAuthClient,
-    };
-};
-exports.createReActor = createReActor;

package/dist/context.d.ts

@@ -1,14 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { type ReActorHooks } from "./index";
-import { IDL } from "@dfinity/candid";
-import { ActorSubclass, AgentManager, CreateReActorOptions } from "@ic-reactor/store";
-export type ReActorContextType<A = ActorSubclass<any>> = ReActorHooks<A>;
-export declare const ReActorContext: React.Context<ReActorContextType<any> | null>;
-export declare const useReActor: <A = any>() => ReActorContextType<A>;
-interface ReActorProviderProps extends PropsWithChildren, Omit<CreateReActorOptions, "idlFactory"> {
-    agentManager?: AgentManager;
-    idlFactory?: IDL.InterfaceFactory;
-    loadingComponent?: React.ReactNode;
-}
-export declare const ReActorProvider: React.FC<ReActorProviderProps>;
-export {};

package/dist/context.js

@@ -1,117 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __rest = (this && this.__rest) || function (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReActorProvider = exports.useReActor = exports.ReActorContext = void 0;
-const react_1 = __importStar(require("react"));
-const index_1 = require("./index");
-const store_1 = require("@ic-reactor/store");
-exports.ReActorContext = (0, react_1.createContext)(null);
-const useReActor = () => {
-    const context = (0, react_1.useContext)(exports.ReActorContext);
-    if (!context) {
-        throw new Error("useReActor must be used within a ReActorProvider");
-    }
-    return context;
-};
-exports.useReActor = useReActor;
-const ReActorProvider = (_a) => {
-    var { children, canisterId, loadingComponent = react_1.default.createElement("div", null, "Loading...") } = _a, config = __rest(_a, ["children", "canisterId", "loadingComponent"]);
-    const agentManager = (0, react_1.useRef)(config.agentManager || (0, store_1.createAgentManager)(config));
-    const [didJs, setDidJS] = (0, react_1.useState)();
-    const fetchDidJs = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!canisterId) {
-            throw new Error("canisterId is required");
-        }
-        const agent = agentManager.current.getAgent();
-        (0, store_1.getDidJsFromMetadata)(agent, canisterId).then((idlFactory) => __awaiter(void 0, void 0, void 0, function* () {
-            if (!idlFactory) {
-                try {
-                    idlFactory = yield (0, store_1.getDidJsFromTmpHack)(agent, canisterId);
-                }
-                catch (err) {
-                    if (/no query method/.test(err)) {
-                        console.warn(err);
-                        idlFactory = undefined;
-                    }
-                    else {
-                        throw err;
-                    }
-                }
-                if (!idlFactory) {
-                    console.warn("No query method found for canister", canisterId);
-                }
-            }
-            setDidJS(idlFactory);
-        }));
-        return didJs;
-    }), [canisterId]);
-    (0, react_1.useEffect)(() => {
-        const { idlFactory } = config;
-        if (idlFactory) {
-            setDidJS({ idlFactory });
-            return;
-        }
-        fetchDidJs();
-    }, [fetchDidJs, config.idlFactory]);
-    const hooks = (0, react_1.useMemo)(() => {
-        if (!didJs) {
-            return null;
-        }
-        try {
-            return (0, index_1.createReActor)({
-                idlFactory: didJs.idlFactory,
-                agentManager: agentManager.current,
-                canisterId,
-                withDevtools: config.withDevtools,
-            });
-        }
-        catch (err) {
-            console.error(err);
-            return null;
-        }
-    }, [canisterId, didJs]);
-    return (react_1.default.createElement(exports.ReActorContext.Provider, { value: hooks }, hooks === null ? loadingComponent : children));
-};
-exports.ReActorProvider = ReActorProvider;

package/dist/hooks/index.d.ts

@@ -1,6 +0,0 @@
-import type { ActorSubclass } from "@ic-reactor/store";
-import { getAuthHooks } from "./auth";
-import { getActorHooks } from "./actor";
-export type ReActorHooks<A extends ActorSubclass<any>> = ReturnType<typeof getActorHooks<A>> & ReturnType<typeof getAuthHooks>;
-export { getActorHooks } from "./actor";
-export { getAuthHooks } from "./auth";

package/dist/hooks/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAuthHooks = exports.getActorHooks = void 0;
-var actor_1 = require("./actor");
-Object.defineProperty(exports, "getActorHooks", { enumerable: true, get: function () { return actor_1.getActorHooks; } });
-var auth_1 = require("./auth");
-Object.defineProperty(exports, "getAuthHooks", { enumerable: true, get: function () { return auth_1.getAuthHooks; } });

package/dist/hooks.d.ts

@@ -1,20 +0,0 @@
-import type { CallActorMethod, ExtractActorMethodArgs, ActorMethodField } from "@ic-reactor/store";
-import type { ReActorUseQueryArgs, ReActorUseUpdateArgs } from "./types";
-export declare const getActorHooks: <A extends unknown>(callMethod: CallActorMethod<A>, methodFields: ActorMethodField<A>[]) => {
-    useQueryCall: <M extends keyof A>({ autoRefresh, refreshInterval, disableInitialCall, ...rest }: ReActorUseQueryArgs<A, M>) => {
-        data: import("@ic-reactor/store").ExtractActorMethodReturnType<A[M]> | undefined;
-        error: Error | undefined;
-        loading: boolean;
-        field: ActorMethodField<A> | undefined;
-        call: (replaceArgs?: ExtractActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractActorMethodReturnType<A[M]> | undefined>;
-    };
-    useUpdateCall: <M_1 extends keyof A>(args: ReActorUseUpdateArgs<A, M_1>) => {
-        data: import("@ic-reactor/store").ExtractActorMethodReturnType<A[M_1]> | undefined;
-        error: Error | undefined;
-        loading: boolean;
-        call: (replaceArgs?: ExtractActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractActorMethodReturnType<A[M_1]> | undefined>;
-        field: ActorMethodField<A> | undefined;
-    };
-    useMethodField: (functionName: keyof A & string) => ActorMethodField<A> | undefined;
-    useMethodFields: () => ActorMethodField<A>[];
-};

package/dist/hooks.js

@@ -1,94 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __rest = (this && this.__rest) || function (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getActorHooks = void 0;
-const react_1 = require("react");
-const getActorHooks = (callMethod, methodFields) => {
-    const useMethodFields = () => {
-        return methodFields;
-    };
-    const useMethodField = (functionName) => {
-        const methodFields = useMethodFields();
-        const field = (0, react_1.useMemo)(() => {
-            return methodFields.find((f) => f.functionName === functionName);
-        }, [methodFields, functionName]);
-        return field;
-    };
-    const useReActorCall = ({ onError, onSuccess, onLoading, args = [], functionName, }) => {
-        const [state, setState] = (0, react_1.useState)({
-            data: undefined,
-            error: undefined,
-            loading: false,
-        });
-        const call = (0, react_1.useCallback)((replaceArgs) => __awaiter(void 0, void 0, void 0, function* () {
-            onLoading === null || onLoading === void 0 ? void 0 : onLoading(true);
-            onError === null || onError === void 0 ? void 0 : onError(undefined);
-            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true, error: undefined })));
-            try {
-                const data = yield callMethod(functionName, ...(replaceArgs !== null && replaceArgs !== void 0 ? replaceArgs : args));
-                onLoading === null || onLoading === void 0 ? void 0 : onLoading(false);
-                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
-                setState((prevState) => (Object.assign(Object.assign({}, prevState), { data, loading: false })));
-                return data;
-            }
-            catch (error) {
-                console.error("Error in call:", error);
-                onError === null || onError === void 0 ? void 0 : onError(error);
-                onLoading === null || onLoading === void 0 ? void 0 : onLoading(false);
-                setState((prevState) => (Object.assign(Object.assign({}, prevState), { error: error, loading: false })));
-            }
-        }), [args, functionName, onError, onSuccess, onLoading]);
-        const field = useMethodField(functionName);
-        return Object.assign({ call, field }, state);
-    };
-    const useQueryCall = (_a) => {
-        var { autoRefresh, refreshInterval = 5000, disableInitialCall } = _a, rest = __rest(_a, ["autoRefresh", "refreshInterval", "disableInitialCall"]);
-        const _b = useReActorCall(rest), { call } = _b, state = __rest(_b, ["call"]);
-        let intervalId = (0, react_1.useRef)(undefined);
-        (0, react_1.useEffect)(() => {
-            // Auto-refresh logic
-            if (autoRefresh) {
-                intervalId.current = setInterval(() => {
-                    call();
-                }, refreshInterval);
-            }
-            // Initial call logic
-            if (!disableInitialCall) {
-                call();
-            }
-            return () => {
-                clearInterval(intervalId.current);
-            };
-        }, [disableInitialCall, autoRefresh, refreshInterval]);
-        return Object.assign({ call }, state);
-    };
-    const useUpdateCall = (args) => {
-        return useReActorCall(args);
-    };
-    return {
-        useQueryCall,
-        useUpdateCall,
-        useMethodField,
-        useMethodFields,
-    };
-};
-exports.getActorHooks = getActorHooks;