@ic-reactor/react 1.16.0 → 2.0.0

package/dist/context/actor/create.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -80,29 +69,34 @@ const useActorManager_1 = require("../../hooks/useActorManager");
  * it provides a type-safe and efficient way to manage actor state and interactions.
  */
 function createActorContext(contextConfig = {}) {
-    const { canisterId: defaultCanisterId } = contextConfig, defaultConfig = __rest(contextConfig, ["canisterId"]);
+    const { canisterId: defaultCanisterId, ...defaultConfig } = contextConfig;
     const ActorContext = react_1.default.createContext(null);
-    const ActorProvider = (_a) => {
-        var { children, fetchingComponent, canisterId = defaultCanisterId, errorComponent = (error) => react_1.default.createElement("div", null, error), loadingComponent = react_1.default.createElement("div", null, "Loading canister..."), authenticatingComponent = react_1.default.createElement("div", null, "Authenticating...") } = _a, restConfig = __rest(_a, ["children", "fetchingComponent", "canisterId", "errorComponent", "loadingComponent", "authenticatingComponent"]);
+    const ActorProvider = ({ children, fetchingComponent, canisterId = defaultCanisterId, errorComponent = (error) => react_1.default.createElement("div", null, error), loadingComponent = react_1.default.createElement("div", null, "Loading canister..."), authenticatingComponent = react_1.default.createElement("div", null, "Authenticating..."), ...restConfig }) => {
         if (!canisterId) {
             throw new Error("canisterId is required");
         }
-        const config = react_1.default.useMemo(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
-        const { fetchError, authenticating, initializeActor, hooks } = (0, useActor_1.useActor)(Object.assign({ canisterId }, config));
+        const config = react_1.default.useMemo(() => ({
+            ...defaultConfig,
+            ...restConfig,
+        }), [defaultConfig, restConfig]);
+        const { fetchError, isAuthenticating: authenticating, initializeActor, hooks, } = (0, useActor_1.useActor)({
+            canisterId,
+            ...config,
+        });
         const useInitializeActor = react_1.default.useCallback(() => {
             return initializeActor;
         }, [initializeActor]);
         const ActorChildren = ({ useActorState }) => {
-            const { initializing, initialized, error } = useActorState();
-            return initializing
+            const { isInitializing, isInitialized, error } = useActorState();
+            return isInitializing
                 ? loadingComponent
-                : initialized
+                : isInitialized
                     ? children
                     : error
                         ? errorComponent(error.message)
                         : null;
         };
-        return (react_1.default.createElement(ActorContext.Provider, { value: Object.assign(Object.assign({}, hooks), { useInitializeActor }) },
+        return (react_1.default.createElement(ActorContext.Provider, { value: { ...hooks, useInitializeActor } },
             fetchingComponent,
             hooks === null ? (fetchError ? (errorComponent(fetchError)) : authenticating ? (authenticatingComponent) : (loadingComponent)) : (react_1.default.createElement(ActorChildren, { useActorState: hooks.useActorState }, children))));
     };
@@ -116,7 +110,10 @@ function createActorContext(contextConfig = {}) {
         });
         return (react_1.default.createElement(ActorContext.Provider, { value: hooks }, children));
     };
-    return Object.assign({ ActorProvider,
+    return {
+        ActorProvider,
         ActorHookProvider,
-        ActorManagerProvider }, (0, extractActorContext_1.extractActorContext)(ActorContext));
+        ActorManagerProvider,
+        ...(0, extractActorContext_1.extractActorContext)(ActorContext),
+    };
 }

package/dist/context/actor/hooks/useActorInterface.d.ts

@@ -1,4 +1,4 @@
 /**
  *
  */
-export declare function useActorInterface(): import("@dfinity/candid/lib/cjs/idl").ServiceClass;
+export declare function useActorInterface(): import("@dfinity/candid/lib/esm/idl").ServiceClass;

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

@@ -7,15 +7,15 @@ import type { BaseActor, FunctionName, UseMethodParameters, UseMethodReturnType
  * @example
  * ```tsx
  * function MethodCallComponent() {
- *   const { call, data, loading } = useMethod({
+ *   const { call, data, isLoading } = useMethod({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
- *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onLoading: (isLoading) => console.log('Loading:', isLoading),
  *      onError: (error) => console.error('Error:', error),
  *      onSuccess: (data) => console.log('Success:', data),
  *   });
  *
- *  if (loading) return <p>Updating profile...</p>;
+ *  if (isLoading) return <p>Updating profile...</p>;
  *
  *  return (
  *    <div>

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

@@ -10,15 +10,15 @@ const __1 = require("..");
  * @example
  * ```tsx
  * function MethodCallComponent() {
- *   const { call, data, loading } = useMethod({
+ *   const { call, data, isLoading } = useMethod({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
- *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onLoading: (isLoading) => console.log('Loading:', isLoading),
  *      onError: (error) => console.error('Error:', error),
  *      onSuccess: (data) => console.log('Success:', data),
  *   });
  *
- *  if (loading) return <p>Updating profile...</p>;
+ *  if (isLoading) return <p>Updating profile...</p>;
  *
  *  return (
  *    <div>

package/dist/context/actor/hooks/useQueryCall.d.ts

@@ -7,14 +7,14 @@ import type { BaseActor, FunctionName, UseQueryCallParameters, UseQueryCallRetur
  * @example
  * ```tsx
  * function QueryCallComponent() {
- *    const { call, data, loading } = useQueryCall({
+ *    const { call, data, isLoading } = useQueryCall({
  *      functionName: 'getUserProfile',
  *      args: ['123'],
  *      refetchOnMount: true,
  *      refetchInterval: 5000, // refetch every 5 seconds
  *    });
  *
- *    if (loading) return <p>Loading profile...</p>;
+ *    if (isLoading) return <p>isLoading profile...</p>;
  *
  *    return (
  *      <div>

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

@@ -10,14 +10,14 @@ const __1 = require("..");
  * @example
  * ```tsx
  * function QueryCallComponent() {
- *    const { call, data, loading } = useQueryCall({
+ *    const { call, data, isLoading } = useQueryCall({
  *      functionName: 'getUserProfile',
  *      args: ['123'],
  *      refetchOnMount: true,
  *      refetchInterval: 5000, // refetch every 5 seconds
  *    });
  *
- *    if (loading) return <p>Loading profile...</p>;
+ *    if (isLoading) return <p>isLoading profile...</p>;
  *
  *    return (
  *      <div>

package/dist/context/actor/hooks/useUpdateCall.d.ts

@@ -7,15 +7,15 @@ import type { BaseActor, FunctionName, UseUpdateCallParameters, UseUpdateCallRet
  * @example
  * ```tsx
  * function UpdateCallComponent() {
- *   const { call, data, loading } = useUpdateCall({
+ *   const { call, data, isLoading } = useUpdateCall({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
- *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onLoading: (isLoading) => console.log('Loading:', isLoading),
  *      onError: (error) => console.error('Error:', error),
  *      onSuccess: (data) => console.log('Success:', data),
  *   });
  *
- *  if (loading) return <p>Updating profile...</p>;
+ *  if (isLoading) return <p>Updating profile...</p>;
  *
  *  return (
  *    <div>

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

@@ -10,15 +10,15 @@ const __1 = require("..");
  * @example
  * ```tsx
  * function UpdateCallComponent() {
- *   const { call, data, loading } = useUpdateCall({
+ *   const { call, data, isLoading } = useUpdateCall({
  *      functionName: 'updateUserProfile',
  *      args: ['123', { name: 'John Doe' }],
- *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onLoading: (isLoading) => console.log('Loading:', isLoading),
  *      onError: (error) => console.error('Error:', error),
  *      onSuccess: (data) => console.log('Success:', data),
  *   });
  *
- *  if (loading) return <p>Updating profile...</p>;
+ *  if (isLoading) return <p>Updating profile...</p>;
  *
  *  return (
  *    <div>

package/dist/context/actor/hooks/useVisitMethod.d.ts

@@ -5,4 +5,4 @@ import type { FunctionName, BaseActor } from "../../../types";
  * @param functionName The name of the actor method to visit.
  * @returns The visit service function for the specified method.
  */
-export declare function useVisitMethod<A = BaseActor>(functionName: FunctionName<A>): <V extends import("@dfinity/candid/lib/cjs/idl").Visitor<unknown, unknown>>(extractorClass: V, data: import("@ic-reactor/core/dist/classes/actor/types").VisitorType<V>["data"]) => ReturnType<V["visitFunc"]>;
+export declare function useVisitMethod<A = BaseActor>(functionName: FunctionName<A>): <V extends import("@dfinity/candid/lib/esm/idl").Visitor<unknown, unknown>>(extractorClass: V, data: import("@ic-reactor/core/dist/classes/actor/types").VisitorType<V>["data"]) => ReturnType<V["visitFunc"]>;

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

@@ -1,2 +1,2 @@
-import type { CreateCandidAdapterCotextParameters, CreateCandidAdapterContextReturnType } from "./types";
-export declare function createAdapterContext(config?: CreateCandidAdapterCotextParameters): CreateCandidAdapterContextReturnType;
+import type { CreateCandidAdapterContextParameters, CreateCandidAdapterContextReturnType } from "./types";
+export declare function createAdapterContext(config?: CreateCandidAdapterContextParameters): CreateCandidAdapterContextReturnType;

package/dist/context/adapter/create.js

@@ -1,24 +1,4 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const agent_1 = require("../agent");
 const core_1 = require("@ic-reactor/core");
 function createAdapterContext(config = {}) {
-    const { withParser: _withParser, didjsCanisterId: _didjsCanisterId } = config, defaultConfig = __rest(config, ["withParser", "didjsCanisterId"]);
+    const { withParser: _withParser, didjsCanisterId: _didjsCanisterId, ...defaultConfig } = config;
     const CandidAdapterContext = react_1.default.createContext(null);
     const useCandidAdapter = () => {
         const context = react_1.default.useContext(CandidAdapterContext);
@@ -40,6 +20,7 @@ function createAdapterContext(config = {}) {
     const useCandidEvaluation = () => {
         const [state, setState] = react_1.default.useState({
             fetching: true,
+            isFetching: true,
             fetchError: null,
         });
         const candidAdapter = useCandidAdapter();
@@ -47,6 +28,7 @@ function createAdapterContext(config = {}) {
             setState({
                 fetchError: null,
                 fetching: false,
+                isFetching: false,
             });
             try {
                 return candidAdapter.validateIDL(candidString);
@@ -55,22 +37,29 @@ function createAdapterContext(config = {}) {
                 setState({
                     fetchError: `Error validating Candid definition, ${err}`,
                     fetching: false,
+                    isFetching: false,
                 });
+                return false;
             }
         }, []);
-        const evaluateCandid = react_1.default.useCallback((candidString) => __awaiter(this, void 0, void 0, function* () {
+        const isCandidValid = react_1.default.useCallback((candidString) => {
+            return validateCandid(candidString) !== false;
+        }, [validateCandid]);
+        const evaluateCandid = react_1.default.useCallback(async (candidString) => {
             setState({
                 fetchError: null,
                 fetching: true,
+                isFetching: true,
             });
             try {
-                const definition = yield candidAdapter.dynamicEvalJs(candidString);
-                if (typeof (definition === null || definition === void 0 ? void 0 : definition.idlFactory) !== "function") {
+                const definition = await candidAdapter.evaluateCandidDefinition(candidString);
+                if (typeof definition?.idlFactory !== "function") {
                     throw new Error("No Function found in Candid definition!");
                 }
                 setState({
                     fetchError: null,
                     fetching: false,
+                    isFetching: false,
                 });
                 return definition.idlFactory;
             }
@@ -78,17 +67,21 @@ function createAdapterContext(config = {}) {
                 setState({
                     fetchError: `Error evaluating Candid definition, ${err}`,
                     fetching: false,
+                    isFetching: false,
                 });
+                return undefined;
             }
-        }), []);
-        return Object.assign({ evaluateCandid, validateCandid }, state);
+        }, []);
+        return { evaluateCandid, isCandidValid, validateCandid, ...state };
     };
-    const CandidAdapterProvider = (_a) => {
-        var { children, withParser = _withParser, loadingComponent = react_1.default.createElement("div", null, "Loading Parser..."), didjsCanisterId = _didjsCanisterId } = _a, restConfig = __rest(_a, ["children", "withParser", "loadingComponent", "didjsCanisterId"]);
-        const config = react_1.default.useMemo(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
+    const CandidAdapterProvider = ({ children, withParser = _withParser, loadingComponent = react_1.default.createElement("div", null, "Loading Parser..."), didjsCanisterId = _didjsCanisterId, ...restConfig }) => {
+        const config = react_1.default.useMemo(() => ({
+            ...defaultConfig,
+            ...restConfig,
+        }), [defaultConfig, restConfig]);
         const [initalized, setInitialized] = react_1.default.useState(false);
         const agentManager = (0, agent_1.useAgentManager)();
-        const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager, didjsCanisterId }, config)), [didjsCanisterId, agentManager]);
+        const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)({ agentManager, didjsCanisterId, ...config }), [didjsCanisterId, agentManager]);
         react_1.default.useEffect(() => {
             if (withParser) {
                 candidAdapter.initializeParser().then(() => setInitialized(true));

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

@@ -1,6 +1,6 @@
 /** @ignore */
 export declare const AdapterHooks: import("./types").CreateCandidAdapterContextReturnType;
-export declare const CandidAdapterContext: import("react").Context<import("./types").CandidAdapterContextType | null>;
+export declare const CandidAdapterContext: import("react").Context<import("@ic-reactor/core/dist/classes").CandidAdapter | null>;
 export * from "./provider";
 export * from "./hooks/useCandidAdapter";
 export * from "./hooks/useCandidEvaluation";

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

@@ -1,20 +1,47 @@
 import type { PropsWithChildren } from "react";
-import type { CandidAdapterParameters, IDL } from "../../types";
-import type { CandidAdapter } from "@ic-reactor/core/dist/classes";
-export type { CandidAdapter };
-export interface CandidAdapterContextType extends CandidAdapter {
-}
+import type { IDL } from "@dfinity/candid";
+import { CandidAdapter } from "@ic-reactor/core/dist/classes";
+import { CandidAdapterParameters } from "../../types";
+export type CandidAdapterContextType = CandidAdapter;
 export interface CandidAdapterProviderProps extends PropsWithChildren, CandidAdapterParameters {
     withParser?: boolean;
     loadingComponent?: React.ReactNode;
 }
-export interface CreateCandidAdapterCotextParameters extends CandidAdapterParameters {
+export interface CreateCandidAdapterContextParameters extends CandidAdapterParameters {
     withParser?: boolean;
 }
 export interface UseCandidEvaluationReturnType {
+    /**
+     * The error message encountered during the fetch operation, or `null` if no error occurred.
+     */
     fetchError: string | null;
+    /**
+     * @deprecated Use `isFetching` instead.
+     * Indicates whether a fetch operation is currently in progress.
+     */
     fetching: boolean;
+    /**
+     * Indicates whether a fetch operation is currently in progress.
+     */
+    isFetching: boolean;
+    /**
+     * @deprecated Use `isCandidValid` instead.
+     * Validates the provided Candid interface definition string.
+     * @param candidString - The Candid definition to validate.
+     * @returns `true` if the string is valid, `false` otherwise.
+     */
     validateCandid: (candidString: string) => boolean | undefined;
+    /**
+     * Validates the provided Candid interface definition string.
+     * @param candidString - The Candid definition to validate.
+     * @returns `true` if valid, `false` otherwise.
+     */
+    isCandidValid: (candidString: string) => boolean | undefined;
+    /**
+     * Evaluates the provided Candid interface definition string.
+     * @param candidString - The Candid definition to evaluate.
+     * @returns A promise resolving to the corresponding InterfaceFactory if the evaluation succeeds, otherwise `undefined`.
+     */
     evaluateCandid: (candidString: string) => Promise<IDL.InterfaceFactory | undefined>;
 }
 export interface CreateCandidAdapterContextReturnType {

package/dist/context/agent/create.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -93,19 +82,23 @@ const extractAgentContext_1 = require("../../helpers/extractAgentContext");
  * with the Internet Computer blockchain.
  */
 function createAgentContext(config = {}) {
-    const { disableAuthenticateOnMount: defaultDisable } = config, contextOptions = __rest(config, ["disableAuthenticateOnMount"]);
+    const { disableAuthenticateOnMount: defaultDisable, ...contextOptions } = config;
     const AgentContext = react_1.default.createContext(null);
-    const AgentProvider = (_a) => {
-        var { children, agentManager: mybeAgentManager, disableAuthenticateOnMount = defaultDisable !== null && defaultDisable !== void 0 ? defaultDisable : false } = _a, options = __rest(_a, ["children", "agentManager", "disableAuthenticateOnMount"]);
+    const AgentProvider = ({ children, agentManager: mybeAgentManager, disableAuthenticateOnMount = defaultDisable ?? false, ...options }) => {
         const hooks = react_1.default.useMemo(() => {
-            const agentManager = mybeAgentManager !== null && mybeAgentManager !== void 0 ? mybeAgentManager : (0, core_1.createAgentManager)(Object.assign(Object.assign({}, options), contextOptions));
+            const agentManager = mybeAgentManager ??
+                (0, core_1.createAgentManager)({ ...options, ...contextOptions });
             if (!disableAuthenticateOnMount) {
                 agentManager.authenticate();
             }
-            return Object.assign(Object.assign(Object.assign({}, (0, agentHooks_1.agentHooks)(agentManager)), (0, authHooks_1.authHooks)(agentManager)), { agentManager });
+            return {
+                ...(0, agentHooks_1.agentHooks)(agentManager),
+                ...(0, authHooks_1.authHooks)(agentManager),
+                agentManager,
+            };
         }, []);
         return (react_1.default.createElement(AgentContext.Provider, { value: hooks }, children));
     };
     AgentProvider.displayName = "AgentProvider";
-    return Object.assign({ AgentContext, AgentProvider }, (0, extractAgentContext_1.extractAgentContext)(AgentContext));
+    return { AgentContext, AgentProvider, ...(0, extractAgentContext_1.extractAgentContext)(AgentContext) };
 }

package/dist/createReactor.js

@@ -58,7 +58,12 @@ const createReactor = (config) => {
     const getAgent = () => {
         return actorManager.agentManager.getAgent();
     };
-    return Object.assign(Object.assign(Object.assign({ getAgent,
-        getVisitFunction }, (0, helpers_1.actorHooks)(actorManager)), (0, helpers_1.authHooks)(actorManager.agentManager)), (0, helpers_1.agentHooks)(actorManager.agentManager));
+    return {
+        getAgent,
+        getVisitFunction,
+        ...(0, helpers_1.actorHooks)(actorManager),
+        ...(0, helpers_1.authHooks)(actorManager.agentManager),
+        ...(0, helpers_1.agentHooks)(actorManager.agentManager),
+    };
 };
 exports.createReactor = createReactor;