@ic-reactor/react 1.4.2 → 1.4.4

package/dist/context/types.d.ts

@@ -8,7 +8,7 @@ export interface CreateAgentCotextParameters extends AgentManagerParameters {
     disableAuthenticateOnMount?: boolean;
 }
 export interface CreateAgentContextReturnType extends AgentHooksReturnType, AuthHooksReturnType {
-    useAgentManager: (agentContext?: React.Context<AgentContext | null>) => AgentManager;
+    useAgentManager: () => AgentManager;
     AgentProvider: React.FC<AgentProviderProps>;
 }
 export interface AgentProviderProps extends PropsWithChildren, CreateAgentCotextParameters {
@@ -25,7 +25,6 @@ export interface ActorProviderProps extends CreateActorContextParameters {
 export interface CreateActorContextParameters extends Omit<ActorManagerParameters, "idlFactory" | "agentManager" | "canisterId"> {
     didjsId?: string;
     canisterId?: string;
-    agentContext?: React.Context<AgentContext | null>;
     idlFactory?: IDL.InterfaceFactory;
     loadingComponent?: React.ReactNode;
 }

package/dist/helpers/authHooks.js

@@ -18,6 +18,7 @@ const authHooks = (agentManager) => {
     const useAuthState = () => (0, zustand_1.useStore)(authStore);
     const useUserPrincipal = () => { var _a, _b; return (_b = (_a = useAuthState()) === null || _a === void 0 ? void 0 : _a.identity) === null || _b === void 0 ? void 0 : _b.getPrincipal(); };
     const useAuth = ({ onAuthentication, onAuthenticationSuccess, onAuthenticationFailure, onLogin, onLoginSuccess, onLoginError, onLoggedOut, } = {}) => {
+        const network = React.useRef("ic");
         const [loginState, setLoginState] = React.useState({
             loading: false,
             error: undefined,
@@ -94,12 +95,12 @@ const authHooks = (agentManager) => {
             yield authenticate();
             onLoggedOut === null || onLoggedOut === void 0 ? void 0 : onLoggedOut();
         }), [onLoggedOut]);
-        React.useEffect(() => {
-            const authClient = getAuth();
-            if (!authClient && !authenticating) {
+        React.useEffect(() => agentManager.subscribeAgentState((state) => {
+            if (network.current !== state.network) {
+                network.current = state.network;
                 authenticate();
             }
-        }, [authenticating]);
+        }), []);
         return {
             authenticated,
             authenticating,

package/dist/helpers/extractAgentContext.js

@@ -31,15 +31,15 @@ const react_1 = __importDefault(require("react"));
  * This context provides the necessary agent functionalities and state management capabilities required by the hooks.
  */
 const extractAgentContext = (agentContext) => {
-    const useAgentContext = (mybeAgentContext) => {
-        const context = react_1.default.useContext(mybeAgentContext || agentContext);
+    const useAgentContext = () => {
+        const context = react_1.default.useContext(agentContext);
         if (!context) {
             throw new Error("Agent hooks must be used within a AgentProvider");
         }
         return context;
     };
-    const useAgentManager = (agentContext) => {
-        const context = useAgentContext(agentContext);
+    const useAgentManager = () => {
+        const context = useAgentContext();
         return context.agentManager;
     };
     const useAgent = () => useAgentContext().useAgent();

package/dist/hooks/actor/useMethod.d.ts

@@ -1,12 +1,12 @@
 /**
- * Hook for making update calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
+ * Hook for making dynamically update or query calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
  *
  * @param options Configuration object for the actor method call, including the method name, arguments, and event handlers.
  * @returns An object containing the method call function, a reset function to reset the call state to its default, and the current call state (data, error, loading, call, reset).
  * @example
  * ```tsx
- * function UpdateCallComponent() {
- *   const { call, data, loading } = useUpdateCall({
+ * function MethodCallComponent() {
+ *   const { call, data, loading } = useMethod({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
  *      onLoading: (loading) => console.log('Loading:', loading),

package/dist/hooks/actor/useMethod.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMethod = void 0;
 const hooks_1 = require("./hooks");
 /**
- * Hook for making update calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
+ * Hook for making dynamically update or query calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
  *
  * @param options Configuration object for the actor method call, including the method name, arguments, and event handlers.
  * @returns An object containing the method call function, a reset function to reset the call state to its default, and the current call state (data, error, loading, call, reset).
  * @example
  * ```tsx
- * function UpdateCallComponent() {
- *   const { call, data, loading } = useUpdateCall({
+ * function MethodCallComponent() {
+ *   const { call, data, loading } = useMethod({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
  *      onLoading: (loading) => console.log('Loading:', loading),

package/dist/hooks/agent/useAgentManager.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Accesses the `AgentManager` instance for managing agent configurations and state.
  *
@@ -12,4 +11,4 @@
  *  }
  *```
  */
-export declare const useAgentManager: (agentContext?: import("react").Context<import("../../types").AgentContext | null> | undefined) => import("@ic-reactor/core/dist/types").AgentManager;
+export declare const useAgentManager: () => import("@ic-reactor/core/dist/types").AgentManager;

package/dist/hooks/agent/useCandidAdapter.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
 import { CandidAdapter } from "@ic-reactor/core/dist/classes";
-import { AgentContext } from "../../types";
 export interface UseCandidAdapterParams {
-    agentContext?: React.Context<AgentContext | null>;
     didjsCanisterId?: string;
 }
 /**

package/dist/hooks/agent/useCandidAdapter.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCandidAdapter = void 0;
-const useAgentManager_1 = require("./useAgentManager");
 const react_1 = require("react");
 const core_1 = require("@ic-reactor/core");
+const useAgent_1 = require("./useAgent");
 /**
  * Accesses the `CandidAdapter` to download the actor's Candid interface.
  *
@@ -28,9 +28,8 @@ const core_1 = require("@ic-reactor/core");
  */
 const useCandidAdapter = (config) => {
     const [candidAdapter, setCandidAdapter] = (0, react_1.useState)();
-    const agentManager = (0, useAgentManager_1.useAgentManager)(config.agentContext);
+    const agent = (0, useAgent_1.useAgent)();
     (0, react_1.useEffect)(() => {
-        const agent = agentManager.getAgent();
         try {
             const candidManager = (0, core_1.createCandidAdapter)({
                 agent,
@@ -42,7 +41,7 @@ const useCandidAdapter = (config) => {
             // eslint-disable-next-line no-console
             console.error("Error creating CandidAdapter", error);
         }
-    }, [agentManager, config.didjsCanisterId]);
+    }, [agent, config.didjsCanisterId]);
     return candidAdapter;
 };
 exports.useCandidAdapter = useCandidAdapter;

package/dist/hooks/types.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
 import type { IDL } from "@dfinity/candid";
-import { AgentContext } from "../context/types";
 import { ActorHooksReturnType, ActorManagerParameters, BaseActor } from "../types";
 export interface UseActorParameters extends Omit<ActorManagerParameters, "idlFactory" | "agentManager" | "canisterId"> {
     canisterId: string;
     idlFactory?: IDL.InterfaceFactory;
-    agentContext?: React.Context<AgentContext | null>;
     didjsCanisterId?: string;
 }
 export interface UseActorReturn<A = BaseActor> {

package/dist/hooks/useActor.js

@@ -90,7 +90,7 @@ const useCandidAdapter_1 = require("./agent/useCandidAdapter");
  * ```
  */
 const useActor = (config) => {
-    const { canisterId, idlFactory: maybeIdlFactory, agentContext, didjsCanisterId } = config, actorConfig = __rest(config, ["canisterId", "idlFactory", "agentContext", "didjsCanisterId"]);
+    const { canisterId, idlFactory: maybeIdlFactory, didjsCanisterId } = config, actorConfig = __rest(config, ["canisterId", "idlFactory", "didjsCanisterId"]);
     if (!canisterId) {
         throw new Error("canisterId is required");
     }
@@ -106,7 +106,6 @@ const useActor = (config) => {
         fetchError: null,
     });
     const candidAdapter = (0, useCandidAdapter_1.useCandidAdapter)({
-        agentContext,
         didjsCanisterId,
     });
     const authenticating = (0, agent_1.useAuthState)().authenticating;
@@ -134,7 +133,7 @@ const useActor = (config) => {
             });
         }
     }), [canisterId, candidAdapter, authenticating, didjsCanisterId]);
-    const agentManager = (0, useAgentManager_1.useAgentManager)(agentContext);
+    const agentManager = (0, useAgentManager_1.useAgentManager)();
     const initialActorManager = (0, react_1.useCallback)((idlFactory) => {
         if (authenticating)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "A React library for interacting with Internet Computer canisters",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/core": "^1.4.0",
+    "@ic-reactor/core": "^1.4.2",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.8",
     "zustand": "4.5"
   },
-  "gitHead": "427c0ef64603d30030f5da64ed0ea7840f4041b0"
+  "gitHead": "89bab92f75cbbe39c9bdd6a0ac60344c6844ce5d"
 }