@ic-reactor/react 1.0.5 → 1.0.6

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

@@ -0,0 +1,28 @@
+import { FunctionName, UseQueryCallParameters } from "../../../types";
+/**
+ * Hook for making query calls to actors. It supports automatic refetching on component mount and at specified intervals.
+ *
+ * @param options Configuration object for the query call, including refetching options and other configurations passed to useReactorCall.
+ * @returns An object containing the query call function and the current call state (data, error, loading, call, reset).
+ * @example
+ * ```tsx
+ * function QueryCallComponent() {
+ *    const { call, data, loading } = useQueryCall({
+ *      functionName: 'getUserProfile',
+ *      args: ['123'],
+ *      refetchOnMount: true,
+ *      refetchInterval: 5000, // refetch every 5 seconds
+ *    });
+ *
+ *    if (loading) return <p>Loading profile...</p>;
+ *
+ *    return (
+ *      <div>
+ *        <p>User Profile: {JSON.stringify(data)}</p>
+ *        <button onClick={call}>Refetch</button>
+ *      </div>
+ *    );
+ * }
+ * ```
+ */
+export declare function useQueryCall<A, M extends FunctionName<A> = FunctionName<A>>(args: UseQueryCallParameters<A, M>): import("../../../types").UseMethodCallReturnType<A, M>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryCall = void 0;
+const actorHooks_1 = require("../../actorHooks");
+/**
+ * Hook for making query calls to actors. It supports automatic refetching on component mount and at specified intervals.
+ *
+ * @param options Configuration object for the query call, including refetching options and other configurations passed to useReactorCall.
+ * @returns An object containing the query call function and the current call state (data, error, loading, call, reset).
+ * @example
+ * ```tsx
+ * function QueryCallComponent() {
+ *    const { call, data, loading } = useQueryCall({
+ *      functionName: 'getUserProfile',
+ *      args: ['123'],
+ *      refetchOnMount: true,
+ *      refetchInterval: 5000, // refetch every 5 seconds
+ *    });
+ *
+ *    if (loading) return <p>Loading profile...</p>;
+ *
+ *    return (
+ *      <div>
+ *        <p>User Profile: {JSON.stringify(data)}</p>
+ *        <button onClick={call}>Refetch</button>
+ *      </div>
+ *    );
+ * }
+ * ```
+ */
+function useQueryCall(args) {
+    return actorHooks_1.ActorHooks.useQueryCall(args);
+}
+exports.useQueryCall = useQueryCall;

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

@@ -0,0 +1,29 @@
+import { BaseActor, FunctionName, UseUpdateCallParameters } from "../../../types";
+/**
+ * Hook for making update 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({
+ *      functionName: 'updateUserProfile',
+ *      args: ['123', { name: 'John Doe' }],
+ *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onError: (error) => console.error('Error:', error),
+ *      onSuccess: (data) => console.log('Success:', data),
+ *   });
+ *
+ *  if (loading) return <p>Updating profile...</p>;
+ *
+ *  return (
+ *    <div>
+ *      <p>Updated Profile: {JSON.stringify(data)}</p>
+ *      <button onClick={call}>Update</button>
+ *    </div>
+ *  );
+ * }
+ * ```
+ */
+export declare function useUpdateCall<A = BaseActor, M extends FunctionName<A> = FunctionName<A>>(args: UseUpdateCallParameters<A, M>): import("../../../types").UseMethodCallReturnType<A, M>;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateCall = void 0;
+const actorHooks_1 = require("../../actorHooks");
+/**
+ * Hook for making update 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({
+ *      functionName: 'updateUserProfile',
+ *      args: ['123', { name: 'John Doe' }],
+ *      onLoading: (loading) => console.log('Loading:', loading),
+ *      onError: (error) => console.error('Error:', error),
+ *      onSuccess: (data) => console.log('Success:', data),
+ *   });
+ *
+ *  if (loading) return <p>Updating profile...</p>;
+ *
+ *  return (
+ *    <div>
+ *      <p>Updated Profile: {JSON.stringify(data)}</p>
+ *      <button onClick={call}>Update</button>
+ *    </div>
+ *  );
+ * }
+ * ```
+ */
+function useUpdateCall(args) {
+    return actorHooks_1.ActorHooks.useUpdateCall(args);
+}
+exports.useUpdateCall = useUpdateCall;

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

@@ -0,0 +1,8 @@
+import { BaseActor, FunctionName } from "../../../types";
+/**
+ * Memoizes and returns a visit service function for a specific actor method.
+ *
+ * @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"] | undefined) => ReturnType<V["visitFunc"]>;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisitMethod = void 0;
+const actorHooks_1 = require("../../actorHooks");
+/**
+ * Memoizes and returns a visit service function for a specific actor method.
+ *
+ * @param functionName The name of the actor method to visit.
+ * @returns The visit service function for the specified method.
+ */
+function useVisitMethod(functionName) {
+    return actorHooks_1.ActorHooks.useVisitMethod(functionName);
+}
+exports.useVisitMethod = useVisitMethod;

package/dist/provider/hooks/agent/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./useAgent";
+export * from "./useAgentState";
+export * from "./useAgentManager";
+export * from "./useAuth";
+export * from "./useAuthState";
+export * from "./useUserPrincipal";

package/dist/provider/hooks/agent/index.js

@@ -0,0 +1,22 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAgent"), exports);
+__exportStar(require("./useAgentState"), exports);
+__exportStar(require("./useAgentManager"), exports);
+__exportStar(require("./useAuth"), exports);
+__exportStar(require("./useAuthState"), exports);
+__exportStar(require("./useUserPrincipal"), exports);

package/dist/provider/hooks/agent/useAgent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Accesses the current agent instance.
+ *
+ * @example
+ *```jsx
+ *  function AgentComponent() {
+ *    const agent = useAgent();
+ *
+ *    // Use agent for interacting with the Internet Computer.
+ *    return <div>{agent.isLocal() ? 'Local' : 'Remote'}</div>;
+ *  }
+ *```
+ */
+export declare const useAgent: () => import("@dfinity/agent").HttpAgent | undefined;

package/dist/provider/hooks/agent/useAgent.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgent = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * Accesses the current agent instance.
+ *
+ * @example
+ *```jsx
+ *  function AgentComponent() {
+ *    const agent = useAgent();
+ *
+ *    // Use agent for interacting with the Internet Computer.
+ *    return <div>{agent.isLocal() ? 'Local' : 'Remote'}</div>;
+ *  }
+ *```
+ */
+exports.useAgent = agentHooks_1.AgentHooks.useAgent;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * Accesses the `AgentManager` instance for managing agent configurations and state.
+ *
+ * @example
+ *```jsx
+ *  function AgentManagerComponent() {
+ *    const agentManager = useAgentManager();
+ *
+ *    // Use agentManager for managing agent configurations, etc.
+ *    return <div>Agent Manager ready.</div>;
+ *  }
+ *```
+ */
+export declare const useAgentManager: (agentContext?: import("react").Context<import("../../types").AgentContext | null> | undefined) => import("@ic-reactor/core/dist/types").AgentManager;

package/dist/provider/hooks/agent/useAgentManager.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgentManager = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * Accesses the `AgentManager` instance for managing agent configurations and state.
+ *
+ * @example
+ *```jsx
+ *  function AgentManagerComponent() {
+ *    const agentManager = useAgentManager();
+ *
+ *    // Use agentManager for managing agent configurations, etc.
+ *    return <div>Agent Manager ready.</div>;
+ *  }
+ *```
+ */
+exports.useAgentManager = agentHooks_1.AgentHooks.useAgentManager;

package/dist/provider/hooks/agent/useAgentState.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Accesses the current state of the agent.
+ *
+ * @example
+ * ```jsx
+ * function AgentStateComponent() {
+ *  const { initialized, initializing } = useAgentState();
+ *
+ *  return (
+ *   <div>
+ *    {initialized
+ *      ? 'Agent is initialized.'
+ *        : initializing
+ *        ? 'Agent is initializing...'
+ *        : 'Agent is not initialized.'}
+ *   </div>
+ *  );
+ * }
+ * ```
+ */
+export declare const useAgentState: () => import("@ic-reactor/core/dist/types").AgentState;

package/dist/provider/hooks/agent/useAgentState.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgentState = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * Accesses the current state of the agent.
+ *
+ * @example
+ * ```jsx
+ * function AgentStateComponent() {
+ *  const { initialized, initializing } = useAgentState();
+ *
+ *  return (
+ *   <div>
+ *    {initialized
+ *      ? 'Agent is initialized.'
+ *        : initializing
+ *        ? 'Agent is initializing...'
+ *        : 'Agent is not initialized.'}
+ *   </div>
+ *  );
+ * }
+ * ```
+ */
+exports.useAgentState = agentHooks_1.AgentHooks.useAgentState;

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

@@ -0,0 +1,57 @@
+/**
+ * `useAuth` is a custom React hook designed to manage authentication processes in applications interacting with the Internet Computer (IC).
+ * It encapsulates the logic for logging in, logging out, and maintaining the authentication state, leveraging an authentication client.
+ *
+ * @param options - An optional object containing the following properties:
+ * - `onAuthentication`: Callback function triggered before authentication starts.
+ * - `onAuthenticationSuccess`: Callback function triggered on successful authentication, receives the authenticated `Identity`.
+ * - `onAuthenticationFailure`: Callback function triggered on authentication failure, receives the error.
+ * - `onLogin`: Callback function triggered before the login process starts.
+ * - `onLoginSuccess`: Callback function triggered on successful login, receives the user's `Principal`.
+ * - `onLoginError`: Callback function triggered on login error, receives the error.
+ * - `onLoggedOut`: Callback function triggered after logging out.
+ *
+ * @returns An object containing the following properties:
+ * - `authenticated`: Boolean indicating if the user is currently authenticated.
+ * - `authenticating`: Boolean indicating if an authentication process is currently underway.
+ * - `identity`: The authenticated user's `Identity`, if available.
+ * - `error`: Any error that occurred during the authentication process.
+ * - `login`: Function to initiate the login process, optionally accepting `LoginParameters`.
+ * - `logout`: Function to log the user out, optionally accepting `LogoutParameters`.
+ * - `authenticate`: Function to authenticate the user, internally used by `login` and `logout`.
+ * - `loginLoading`: Boolean indicating if a login operation is in progress.
+ * - `loginError`: Error object if an error occurred during the login process.
+ *
+ * Usage:
+ * This hook can be used to add authentication functionality to your IC application components, handling user login, logout, and authentication state management seamlessly.
+ *
+ * Example:
+ * ```jsx
+ * const YourComponent = () => {
+ *   const { login, logout, authenticated, identity, loginError } = useAuth({
+ *     onLoginSuccess: (principal) => console.log(`Logged in as ${principal}`),
+ *     onLoginError: (error) => console.error(`Login failed: ${error.message}`),
+ *   });
+ *
+ *   if (loginError) {
+ *     return <div>Error logging in: {loginError.message}</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       {authenticated ? (
+ *         <>
+ *           <div>Authenticated as {identity.getPrincipal().toText()}</div>
+ *           <button onClick={() => logout()}>Logout</button>
+ *         </>
+ *       ) : (
+ *         <button onClick={() => login()}>Login</button>
+ *       )}
+ *     </div>
+ *   );
+ * };
+ * ```
+ *
+ * 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;

package/dist/provider/hooks/agent/useAuth.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuth = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * `useAuth` is a custom React hook designed to manage authentication processes in applications interacting with the Internet Computer (IC).
+ * It encapsulates the logic for logging in, logging out, and maintaining the authentication state, leveraging an authentication client.
+ *
+ * @param options - An optional object containing the following properties:
+ * - `onAuthentication`: Callback function triggered before authentication starts.
+ * - `onAuthenticationSuccess`: Callback function triggered on successful authentication, receives the authenticated `Identity`.
+ * - `onAuthenticationFailure`: Callback function triggered on authentication failure, receives the error.
+ * - `onLogin`: Callback function triggered before the login process starts.
+ * - `onLoginSuccess`: Callback function triggered on successful login, receives the user's `Principal`.
+ * - `onLoginError`: Callback function triggered on login error, receives the error.
+ * - `onLoggedOut`: Callback function triggered after logging out.
+ *
+ * @returns An object containing the following properties:
+ * - `authenticated`: Boolean indicating if the user is currently authenticated.
+ * - `authenticating`: Boolean indicating if an authentication process is currently underway.
+ * - `identity`: The authenticated user's `Identity`, if available.
+ * - `error`: Any error that occurred during the authentication process.
+ * - `login`: Function to initiate the login process, optionally accepting `LoginParameters`.
+ * - `logout`: Function to log the user out, optionally accepting `LogoutParameters`.
+ * - `authenticate`: Function to authenticate the user, internally used by `login` and `logout`.
+ * - `loginLoading`: Boolean indicating if a login operation is in progress.
+ * - `loginError`: Error object if an error occurred during the login process.
+ *
+ * Usage:
+ * This hook can be used to add authentication functionality to your IC application components, handling user login, logout, and authentication state management seamlessly.
+ *
+ * Example:
+ * ```jsx
+ * const YourComponent = () => {
+ *   const { login, logout, authenticated, identity, loginError } = useAuth({
+ *     onLoginSuccess: (principal) => console.log(`Logged in as ${principal}`),
+ *     onLoginError: (error) => console.error(`Login failed: ${error.message}`),
+ *   });
+ *
+ *   if (loginError) {
+ *     return <div>Error logging in: {loginError.message}</div>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       {authenticated ? (
+ *         <>
+ *           <div>Authenticated as {identity.getPrincipal().toText()}</div>
+ *           <button onClick={() => logout()}>Logout</button>
+ *         </>
+ *       ) : (
+ *         <button onClick={() => login()}>Login</button>
+ *       )}
+ *     </div>
+ *   );
+ * };
+ * ```
+ *
+ * This hook simplifies integrating authentication flows into your IC application, providing hooks for various stages of the authentication process.
+ */
+exports.useAuth = agentHooks_1.AgentHooks.useAuth;

package/dist/provider/hooks/agent/useAuthState.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Accesses the current authentication state.
+ *
+ * @example
+ * ```jsx
+ * function AuthStateComponent() {
+ *   const { isAuthenticated, authenticating, identity, error } = useAuthState();
+ *
+ *   return (
+ *     <div>
+ *       {authenticating ? 'Authenticating...' : ''}
+ *       {error ? `Error: ${error.message}` : ''}
+ *       {isAuthenticated ? `User ${identity?.getPrincipal()} is authenticated.` : 'User is not authenticated.'}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare const useAuthState: () => import("@ic-reactor/core/dist/types").AuthState;

package/dist/provider/hooks/agent/useAuthState.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthState = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * Accesses the current authentication state.
+ *
+ * @example
+ * ```jsx
+ * function AuthStateComponent() {
+ *   const { isAuthenticated, authenticating, identity, error } = useAuthState();
+ *
+ *   return (
+ *     <div>
+ *       {authenticating ? 'Authenticating...' : ''}
+ *       {error ? `Error: ${error.message}` : ''}
+ *       {isAuthenticated ? `User ${identity?.getPrincipal()} is authenticated.` : 'User is not authenticated.'}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+exports.useAuthState = agentHooks_1.AgentHooks.useAuthState;

package/dist/provider/hooks/agent/useUserPrincipal.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Accesses the user's principal.
+ *
+ * @example
+ * ```jsx
+ * function UserPrincipalComponent() {
+ *   const userPrincipal = useUserPrincipal();
+ *
+ *   return (
+ *     <div>
+ *       {userPrincipal ? `User principal: ${userPrincipal}` : 'User principal not found.'}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare const useUserPrincipal: () => import("@dfinity/principal").Principal | undefined;

package/dist/provider/hooks/agent/useUserPrincipal.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserPrincipal = void 0;
+const agentHooks_1 = require("../../agentHooks");
+/**
+ * Accesses the user's principal.
+ *
+ * @example
+ * ```jsx
+ * function UserPrincipalComponent() {
+ *   const userPrincipal = useUserPrincipal();
+ *
+ *   return (
+ *     <div>
+ *       {userPrincipal ? `User principal: ${userPrincipal}` : 'User principal not found.'}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+exports.useUserPrincipal = agentHooks_1.AgentHooks.useUserPrincipal;

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

@@ -1 +1,3 @@
+export * from "./actor";
+export * from "./agent";
 export * from "./useActor";

package/dist/provider/hooks/index.js

@@ -14,4 +14,6 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./actor"), exports);
+__exportStar(require("./agent"), exports);
 __exportStar(require("./useActor"), exports);

package/dist/provider/hooks/useActor.d.ts

@@ -22,7 +22,7 @@ import type { UseActorParameters, UseActorReturn } from "./types";
  *
  * export const { useQueryCall, useUpdateCall } = extractActorHooks(ActorContext)
  *
- * const LedgerActor = () => {
+ * const LedgerActor = ({ children }) => {
  *   const { hooks, fetching, fetchError } = useActor<Ledger>({
  *     canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai", // ICP Ledger canister
  *   })
@@ -32,7 +32,7 @@ import type { UseActorParameters, UseActorReturn } from "./types";
  *       <h2>IC Canister Interaction</h2>
  *       {fetching && <p>Loading Candid interface...</p>}
  *       {fetchError && <p>Error: {fetchError}</p>}
- *       {hooks && <CanisterName />}
+ *       {hooks && children}
  *     </ActorContext.Provider>
  *   )
  * }
@@ -52,7 +52,9 @@ import type { UseActorParameters, UseActorReturn } from "./types";
  *
  * const App = () => (
  *   <AgentProvider withDevtools>
- *     <LedgerActor />
+ *     <LedgerActor>
+ *       <CanisterName />
+ *     </LedgerActor>
  *   </AgentProvider>
  * )
  *

package/dist/provider/hooks/useActor.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActor = void 0;
 const core_1 = require("@ic-reactor/core");
 const react_1 = require("react");
-const __1 = require("..");
+const useAgentManager_1 = require("./agent/useAgentManager");
 const helpers_1 = require("../../helpers");
 /**
  * A comprehensive hook that manages both the fetching of Candid interfaces
@@ -47,7 +47,7 @@ const helpers_1 = require("../../helpers");
  *
  * export const { useQueryCall, useUpdateCall } = extractActorHooks(ActorContext)
  *
- * const LedgerActor = () => {
+ * const LedgerActor = ({ children }) => {
  *   const { hooks, fetching, fetchError } = useActor<Ledger>({
  *     canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai", // ICP Ledger canister
  *   })
@@ -57,7 +57,7 @@ const helpers_1 = require("../../helpers");
  *       <h2>IC Canister Interaction</h2>
  *       {fetching && <p>Loading Candid interface...</p>}
  *       {fetchError && <p>Error: {fetchError}</p>}
- *       {hooks && <CanisterName />}
+ *       {hooks && children}
  *     </ActorContext.Provider>
  *   )
  * }
@@ -77,7 +77,9 @@ const helpers_1 = require("../../helpers");
  *
  * const App = () => (
  *   <AgentProvider withDevtools>
- *     <LedgerActor />
+ *     <LedgerActor>
+ *       <CanisterName />
+ *     </LedgerActor>
  *   </AgentProvider>
  * )
  *
@@ -92,7 +94,7 @@ const useActor = (config) => {
         fetching: false,
         fetchError: null,
     });
-    const agentManager = (0, __1.useAgentManager)(agentContext);
+    const agentManager = (0, useAgentManager_1.useAgentManager)(agentContext);
     const fetchCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!canisterId)
             return;

package/dist/provider/index.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
-import { createActorContext } from "./actor";
-import { createAgentContext } from "./agent";
-export declare const ActorProvider: import("react").FC<import("./types").ActorProviderProps>, useActorState: () => import("../types").UseActorState, useQueryCall: import("../types").UseQueryCall<import("@ic-reactor/core/dist/types").BaseActor>, useUpdateCall: import("../types").UseUpdateCall<import("@ic-reactor/core/dist/types").BaseActor>, useVisitMethod: <M extends string>(functionName: M) => <V extends import("@dfinity/candid/lib/cjs/idl").Visitor<unknown, unknown>>(extractorClass: V, data?: import("@ic-reactor/core/dist/types").VisitorType<V>["data"] | undefined) => ReturnType<V["visitFunc"]>;
-export { createActorContext };
-export declare const AgentProvider: import("react").FC<import("./types").AgentProviderProps>, useAgent: () => import("@dfinity/agent").HttpAgent | undefined, useAuthClient: (args?: import("../types").UseAuthClientParameters | undefined) => import("../types").UseAuthClientReturnType, useAuthState: () => import("@ic-reactor/core/dist/types").AuthState, useAgentState: () => import("@ic-reactor/core/dist/types").AgentState, useAgentManager: (agentContext?: import("react").Context<import("./types").AgentContext | null> | undefined) => import("@ic-reactor/core/dist/types").AgentManager, useUserPrincipal: () => import("@dfinity/principal").Principal | undefined;
-export { createAgentContext };
+export { createActorContext } from "./context/actor";
+export { createAgentContext } from "./context/agent";
 export * from "./hooks";
+export * from "./ActorProvider";
+export * from "./AgentProvider";

package/dist/provider/index.js

@@ -13,13 +13,12 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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 _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAgentContext = exports.useUserPrincipal = exports.useAgentManager = exports.useAgentState = exports.useAuthState = exports.useAuthClient = exports.useAgent = exports.AgentProvider = exports.createActorContext = exports.useVisitMethod = exports.useUpdateCall = exports.useQueryCall = exports.useActorState = exports.ActorProvider = void 0;
-const actor_1 = require("./actor");
+exports.createAgentContext = exports.createActorContext = void 0;
+var actor_1 = require("./context/actor");
 Object.defineProperty(exports, "createActorContext", { enumerable: true, get: function () { return actor_1.createActorContext; } });
-const agent_1 = require("./agent");
+var agent_1 = require("./context/agent");
 Object.defineProperty(exports, "createAgentContext", { enumerable: true, get: function () { return agent_1.createAgentContext; } });
-_a = (0, actor_1.createActorContext)(), exports.ActorProvider = _a.ActorProvider, exports.useActorState = _a.useActorState, exports.useQueryCall = _a.useQueryCall, exports.useUpdateCall = _a.useUpdateCall, exports.useVisitMethod = _a.useVisitMethod;
-_b = (0, agent_1.createAgentContext)(), exports.AgentProvider = _b.AgentProvider, exports.useAgent = _b.useAgent, exports.useAuthClient = _b.useAuthClient, exports.useAuthState = _b.useAuthState, exports.useAgentState = _b.useAgentState, exports.useAgentManager = _b.useAgentManager, exports.useUserPrincipal = _b.useUserPrincipal;
 __exportStar(require("./hooks"), exports);
+__exportStar(require("./ActorProvider"), exports);
+__exportStar(require("./AgentProvider"), exports);