@ic-reactor/react 1.12.2 → 1.14.1

package/dist/context/actor/create.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createActorContext = void 0;
+exports.createActorContext = createActorContext;
 const react_1 = __importDefault(require("react"));
 const useActor_1 = require("../../hooks/useActor");
 const extractActorContext_1 = require("../../helpers/extractActorContext");
@@ -112,4 +112,3 @@ function createActorContext(contextConfig = {}) {
     return Object.assign({ ActorProvider,
         ActorHookProvider }, (0, extractActorContext_1.extractActorContext)(ActorContext));
 }
-exports.createActorContext = createActorContext;

package/dist/context/actor/hooks/useActorInterface.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActorInterface = void 0;
+exports.useActorInterface = useActorInterface;
 const __1 = require("..");
 /**
  *
@@ -8,4 +8,3 @@ const __1 = require("..");
 function useActorInterface() {
     return __1.ActorHooks.useActorInterface();
 }
-exports.useActorInterface = useActorInterface;

package/dist/context/actor/hooks/useMethod.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMethod = void 0;
+exports.useMethod = useMethod;
 const __1 = require("..");
 /**
  * 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.
@@ -32,4 +32,3 @@ const __1 = require("..");
 function useMethod(args) {
     return __1.ActorHooks.useMethod(args);
 }
-exports.useMethod = useMethod;

package/dist/context/actor/hooks/useQueryCall.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQueryCall = void 0;
+exports.useQueryCall = useQueryCall;
 const __1 = require("..");
 /**
  * Hook for making query calls to actors. It supports automatic refetching on component mount and at specified intervals.
@@ -31,4 +31,3 @@ const __1 = require("..");
 function useQueryCall(args) {
     return __1.ActorHooks.useQueryCall(args);
 }
-exports.useQueryCall = useQueryCall;

package/dist/context/actor/hooks/useUpdateCall.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpdateCall = void 0;
+exports.useUpdateCall = useUpdateCall;
 const __1 = require("..");
 /**
  * Hook for making update calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
@@ -32,4 +32,3 @@ const __1 = require("..");
 function useUpdateCall(args) {
     return __1.ActorHooks.useUpdateCall(args);
 }
-exports.useUpdateCall = useUpdateCall;

package/dist/context/actor/hooks/useVisitMethod.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVisitMethod = void 0;
+exports.useVisitMethod = useVisitMethod;
 const __1 = require("..");
 /**
  * Memoizes and returns a visit service function for a specific actor method.
@@ -11,4 +11,3 @@ const __1 = require("..");
 function useVisitMethod(functionName) {
     return __1.ActorHooks.useVisitMethod(functionName);
 }
-exports.useVisitMethod = useVisitMethod;

package/dist/context/actor/hooks/useVisitService.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVisitService = void 0;
+exports.useVisitService = useVisitService;
 const __1 = require("..");
 /**
  * Memoizes and returns a visit service function for a specific actor method.
@@ -11,4 +11,3 @@ const __1 = require("..");
 function useVisitService() {
     return __1.ActorHooks.useVisitService();
 }
-exports.useVisitService = useVisitService;

package/dist/context/actor/provider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `ActorProvider` is a React functional component that serves as a context provider for IC actor interactions within a React application.
  * It wraps child components, providing them access to actor-specific hooks and functionalities based on the provided canister ID and configuration.

package/dist/context/actor/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IDL, ActorHooksReturnType, BaseActor, ActorManagerParameters, CanisterId, InitializeActor } from "../../types";
 export interface CreateActorContextType<A = BaseActor> extends ActorHooksReturnType<A> {
     useInitializeActor?: () => InitializeActor;

package/dist/context/adapter/create.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAdapterContext = void 0;
+exports.createAdapterContext = createAdapterContext;
 const react_1 = __importDefault(require("react"));
 const agent_1 = require("../agent");
 const core_1 = require("@ic-reactor/core");
@@ -107,4 +107,3 @@ function createAdapterContext(config = {}) {
         useCandidAdapter,
     };
 }
-exports.createAdapterContext = createAdapterContext;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** @ignore */
 export declare const AdapterHooks: import("./types").CreateCandidAdapterContextReturnType;
 export declare const CandidAdapterContext: import("react").Context<import("./types").CandidAdapterContextType | null>;

package/dist/context/adapter/provider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `CandidAdapterProvider` is a React component that provides the CandidAdapter to its children.
  * It initializes the CandidAdapter with the provided options and makes it available to all children.

package/dist/context/agent/create.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAgentContext = void 0;
+exports.createAgentContext = createAgentContext;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("@ic-reactor/core");
 const agentHooks_1 = require("../../helpers/agentHooks");
@@ -109,4 +109,3 @@ function createAgentContext(config = {}) {
     AgentProvider.displayName = "AgentProvider";
     return Object.assign({ AgentContext, AgentProvider }, (0, extractAgentContext_1.extractAgentContext)(AgentContext));
 }
-exports.createAgentContext = createAgentContext;

package/dist/context/agent/hooks/useAuth.d.ts

@@ -54,4 +54,4 @@
  *
  * This hook simplifies integrating authentication flows into your IC application, providing hooks for various stages of the authentication process.
  */
-export declare const useAuth: (options?: import("../../../types").UseAuthParameters | undefined) => import("../../../types").UseAuthReturnType;
+export declare const useAuth: (options?: import("../../../types").UseAuthParameters) => import("../../../types").UseAuthReturnType;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { createAgentContext } from "./create";
 export { createAgentContext };
 /** @ignore */

package/dist/context/agent/provider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `AgentProvider` is a React functional component that serves as a context provider for IC agent and authentication hooks.
  * It enables any child components to access and use the agent and authentication functionalities seamlessly.

package/dist/helpers/actorHooks.js

@@ -114,7 +114,7 @@ const actorHooks = (actorManager) => {
         }, [functionName]);
     };
     const useSharedCall = (_a) => {
-        var { args = [], functionName, throwOnError = false, onError, onLoading, onSuccess } = _a, options = __rest(_a, ["args", "functionName", "throwOnError", "onError", "onLoading", "onSuccess"]);
+        var { args = [], functionName, throwOnError = false, onError, onLoading, onSuccess, onSuccessResult } = _a, options = __rest(_a, ["args", "functionName", "throwOnError", "onError", "onLoading", "onSuccess", "onSuccessResult"]);
         const requestKey = React.useMemo(() => (0, utils_1.generateRequestHash)(args), [args]);
         const [sharedState, setSharedState] = useMethodState(functionName, requestKey);
         const latestDataRef = React.useRef();
@@ -130,7 +130,8 @@ const actorHooks = (actorManager) => {
                 const data = yield callMethodWithOptions(options)(functionName, ...(replaceArgs !== null && replaceArgs !== void 0 ? replaceArgs : args));
                 latestDataRef.current = data;
                 setSharedState({ data, error: undefined, loading: false });
-                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess((0, utils_1.createCompiledResult)(data));
+                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                onSuccessResult === null || onSuccessResult === void 0 ? void 0 : onSuccessResult((0, utils_1.createCompiledResult)(data));
                 onLoading === null || onLoading === void 0 ? void 0 : onLoading(false);
                 return data;
             }
@@ -147,7 +148,16 @@ const actorHooks = (actorManager) => {
                 if (throwOnError)
                     throw error;
             }
-        }), [args, functionName, options, onError, onLoading, onSuccess, throwOnError]);
+        }), [
+            args,
+            functionName,
+            options,
+            onError,
+            onLoading,
+            onSuccess,
+            onSuccessResult,
+            throwOnError,
+        ]);
         const compileResult = () => {
             return (0, utils_1.createCompiledResult)(latestDataRef.current || (sharedState === null || sharedState === void 0 ? void 0 : sharedState.data));
         };
@@ -161,7 +171,7 @@ const actorHooks = (actorManager) => {
         const _b = useSharedCall(rest), { call, requestKey } = _b, state = __rest(_b, ["call", "requestKey"]);
         const intervalId = React.useRef();
         React.useEffect(() => {
-            var _a;
+            var _a, _b;
             if (refetchInterval) {
                 intervalId.current = setInterval(call, refetchInterval);
             }
@@ -169,7 +179,8 @@ const actorHooks = (actorManager) => {
                 call();
             }
             else if (refetchOnMount && state.data !== undefined) {
-                (_a = rest.onSuccess) === null || _a === void 0 ? void 0 : _a.call(rest, (0, utils_1.createCompiledResult)(state.data));
+                (_a = rest.onSuccess) === null || _a === void 0 ? void 0 : _a.call(rest, state.data);
+                (_b = rest.onSuccessResult) === null || _b === void 0 ? void 0 : _b.call(rest, (0, utils_1.createCompiledResult)(state.data));
             }
             return () => clearInterval(intervalId.current);
         }, [refetchInterval, refetchOnMount, requestKey]);

package/dist/helpers/authHooks.js

@@ -98,12 +98,17 @@ const authHooks = (agentManager) => {
             yield authenticate();
             onLoggedOut === null || onLoggedOut === void 0 ? void 0 : onLoggedOut();
         }), [onLoggedOut]);
-        react_1.default.useEffect(() => agentManager.subscribeAgentState((state) => {
-            if (network.current !== state.network) {
-                network.current = state.network;
-                authenticate();
-            }
-        }), []);
+        react_1.default.useEffect(() => {
+            const unsubscribe = agentManager.subscribeAgent((agent) => {
+                const agentNetwork = (0, utils_1.getNetworkByHostname)(agent.host.hostname);
+                if (network.current !== agentNetwork) {
+                    network.current = agentNetwork;
+                    authenticate();
+                }
+            });
+            authenticate();
+            return unsubscribe;
+        }, []);
         return {
             authenticated,
             authenticating,

package/dist/helpers/extractActorContext.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractActorContext = void 0;
+exports.extractActorContext = extractActorContext;
 const react_1 = __importDefault(require("react"));
 function extractActorContext(actorContext) {
     const useActorContext = () => {
@@ -42,4 +42,3 @@ function extractActorContext(actorContext) {
         initialize,
     };
 }
-exports.extractActorContext = extractActorContext;

package/dist/helpers/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CallConfig } from "@dfinity/agent";
 import type { IDL, ActorState, AuthClientLoginOptions, ActorMethodParameters, ActorMethodReturnType, Identity, Principal, FunctionName, VisitService, AuthState, HttpAgent, AgentState, BaseActor, MethodAttributes, CompiledResult } from "../types";
 export interface AgentHooksReturnType {
@@ -52,7 +51,8 @@ export interface UseSharedCallParameters<A, M extends FunctionName<A>> extends C
     args?: ActorMethodParameters<A[M]>;
     onLoading?: (loading: boolean) => void;
     onError?: (error: Error | undefined) => void;
-    onSuccess?: (data: CompiledResult<ActorMethodReturnType<A[M]>>) => void;
+    onSuccess?: (data: ActorMethodReturnType<A[M]>) => void;
+    onSuccessResult?: (result: CompiledResult<ActorMethodReturnType<A[M]>>) => void;
     throwOnError?: boolean;
     compileResult?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "1.12.2",
+  "version": "1.14.1",
   "description": "A React library for interacting with Internet Computer canisters",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,17 +35,18 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/core": "^1.12.0",
+    "@ic-reactor/core": "^1.14.0",
+    "zustand": "4.5",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
-    "@dfinity/agent": ">=2.0.0",
-    "@dfinity/auth-client": ">=2.0.0",
-    "@dfinity/candid": ">=2.0.0",
-    "@dfinity/identity": ">=2.0.0",
-    "@dfinity/principal": ">=2.0.0",
+    "@dfinity/agent": ">=2.1",
+    "@dfinity/auth-client": ">=2.1",
+    "@dfinity/candid": ">=2.1",
+    "@dfinity/identity": ">=2.1",
+    "@dfinity/principal": ">=2.1",
     "react": ">=16.8",
     "zustand": "4.5"
   },
-  "gitHead": "83eaedfd96a494e188b0b35366761800ea3be186"
+  "gitHead": "fee4b92574ba3fd295e28fb49105f0a07c6fdb61"
 }