@ic-reactor/react 1.7.7 → 1.7.9

package/dist/{provider/actor.d.ts → context/actor/provider.d.ts}

@@ -25,7 +25,7 @@
  * ```
  * This setup ensures that `YourComponent` and any of its children can interact with the specified IC actor through the context provided by `ActorProvider`.
  */
-export declare const ActorProvider: import("react").FC<import("../context/types").ActorProviderProps>;
+export declare const ActorProvider: import("react").FC<import("./types").ActorProviderProps>;
 /**
  * `ActorHookProvider` is a React functional component that serves as a context provider for IC actor hooks within a React application.
  * It wraps child components, providing them access to actor-specific hooks and functionalities based on the provided actor hooks and configuration.
@@ -47,4 +47,4 @@ export declare const ActorProvider: import("react").FC<import("../context/types"
  * ```
  * This setup ensures that `YourComponent` and any of its children can interact with the specified IC actor hooks through the context provided by `ActorHookProvider`.
  */
-export declare const ActorHookProvider: import("react").FC<import("../context/types").ActorHookProviderProps<import("@ic-reactor/core/dist/types").BaseActor>>;
+export declare const ActorHookProvider: import("react").FC<import("./types").ActorHookProviderProps<import("@ic-reactor/core/dist/types").BaseActor>>;

package/dist/{provider/actor.js → context/actor/provider.js}

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActorHookProvider = exports.ActorProvider = void 0;
-const hooks_1 = __importDefault(require("../hooks/actor/hooks"));
+const _1 = require(".");
 /**
  * `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.
@@ -31,7 +28,7 @@ const hooks_1 = __importDefault(require("../hooks/actor/hooks"));
  * ```
  * This setup ensures that `YourComponent` and any of its children can interact with the specified IC actor through the context provided by `ActorProvider`.
  */
-exports.ActorProvider = hooks_1.default.ActorProvider;
+exports.ActorProvider = _1.ActorHooks.ActorProvider;
 /**
  * `ActorHookProvider` is a React functional component that serves as a context provider for IC actor hooks within a React application.
  * It wraps child components, providing them access to actor-specific hooks and functionalities based on the provided actor hooks and configuration.
@@ -53,4 +50,4 @@ exports.ActorProvider = hooks_1.default.ActorProvider;
  * ```
  * This setup ensures that `YourComponent` and any of its children can interact with the specified IC actor hooks through the context provided by `ActorHookProvider`.
  */
-exports.ActorHookProvider = hooks_1.default.ActorHookProvider;
+exports.ActorHookProvider = _1.ActorHooks.ActorHookProvider;

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

@@ -18,4 +18,5 @@ export interface CreateActorContextParameters extends Omit<ActorManagerParameter
     didjsId?: string;
     canisterId?: CanisterId;
     idlFactory?: IDL.InterfaceFactory;
+    disableAutoFetch?: boolean;
 }

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

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

package/dist/context/adapter/create.js

@@ -0,0 +1,50 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAdapterContext = void 0;
+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 CandidAdapterContext = react_1.default.createContext(null);
+    const useCandidAdapter = () => {
+        const candidAdapter = react_1.default.useContext(CandidAdapterContext);
+        return candidAdapter;
+    };
+    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 [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]);
+        react_1.default.useEffect(() => {
+            if (withParser) {
+                candidAdapter.initializeParser().then(() => setInitialized(true));
+            }
+            else {
+                setInitialized(true);
+            }
+        }, []);
+        return (react_1.default.createElement(CandidAdapterContext.Provider, { value: candidAdapter }, initalized ? children : loadingComponent));
+    };
+    CandidAdapterProvider.displayName = "CandidAdapterProvider";
+    return {
+        useCandidAdapter,
+        CandidAdapterProvider,
+    };
+}
+exports.createAdapterContext = createAdapterContext;

package/dist/{hooks/adapter → context/adapter/hooks}/useCandidAdapter.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCandidAdapter = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the `CandidAdapter` to download the actor's Candid interface.
  *
@@ -27,4 +24,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  * }
  *```
  */
-exports.useCandidAdapter = hooks_1.default.useCandidAdapter;
+exports.useCandidAdapter = __1.AdapterHooks.useCandidAdapter;

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

@@ -1,2 +1,6 @@
-import type { CreateCandidAdapterCotextParameters, CreateCandidAdapterContextReturnType } from "./types";
-export declare const createAdapterContext: (config?: CreateCandidAdapterCotextParameters) => CreateCandidAdapterContextReturnType;
+import { createAdapterContext } from "./create";
+export { createAdapterContext };
+/** @ignore */
+export declare const AdapterHooks: import("./types").CreateCandidAdapterContextReturnType;
+export * from "./provider";
+export * from "./hooks/useCandidAdapter";

package/dist/context/adapter/index.js

@@ -1,50 +1,23 @@
 "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 };
+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 });
-exports.createAdapterContext = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../../hooks");
-const core_1 = require("@ic-reactor/core");
-const createAdapterContext = (config = {}) => {
-    const { withParser: _withParser, didjsCanisterId: _didjsCanisterId } = config, defaultConfig = __rest(config, ["withParser", "didjsCanisterId"]);
-    const CandidAdapterContext = react_1.default.createContext(null);
-    const useCandidAdapter = () => {
-        const candidAdapter = react_1.default.useContext(CandidAdapterContext);
-        return candidAdapter;
-    };
-    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 [initalized, setInitialized] = react_1.default.useState(false);
-        const agentManager = (0, hooks_1.useAgentManager)();
-        const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager, didjsCanisterId }, config)), [didjsCanisterId, agentManager]);
-        react_1.default.useEffect(() => {
-            if (withParser) {
-                candidAdapter.initializeParser().then(() => setInitialized(true));
-            }
-            else {
-                setInitialized(true);
-            }
-        }, []);
-        return (react_1.default.createElement(CandidAdapterContext.Provider, { value: candidAdapter }, initalized ? children : loadingComponent));
-    };
-    CandidAdapterProvider.displayName = "CandidAdapterProvider";
-    return {
-        useCandidAdapter,
-        CandidAdapterProvider,
-    };
-};
-exports.createAdapterContext = createAdapterContext;
+exports.AdapterHooks = exports.createAdapterContext = void 0;
+const create_1 = require("./create");
+Object.defineProperty(exports, "createAdapterContext", { enumerable: true, get: function () { return create_1.createAdapterContext; } });
+/** @ignore */
+exports.AdapterHooks = (0, create_1.createAdapterContext)();
+__exportStar(require("./provider"), exports);
+__exportStar(require("./hooks/useCandidAdapter"), exports);

package/dist/{provider/adapter.d.ts → context/adapter/provider.d.ts}

@@ -21,4 +21,4 @@
  * export default App
  * ```
  */
-export declare const CandidAdapterProvider: import("react").FC<import("../context/types").CandidAdapterProviderProps>;
+export declare const CandidAdapterProvider: import("react").FC<import("./types").CandidAdapterProviderProps>;

package/dist/{provider/adapter.js → context/adapter/provider.js}

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CandidAdapterProvider = void 0;
-const hooks_1 = __importDefault(require("../hooks/adapter/hooks"));
+const _1 = require(".");
 /**
  * `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.
@@ -27,4 +24,4 @@ const hooks_1 = __importDefault(require("../hooks/adapter/hooks"));
  * export default App
  * ```
  */
-exports.CandidAdapterProvider = hooks_1.default.CandidAdapterProvider;
+exports.CandidAdapterProvider = _1.AdapterHooks.CandidAdapterProvider;

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

@@ -0,0 +1,74 @@
+import type { CreateAgentContextReturnType, CreateAgentCotextParameters } from "./types";
+/**
+ * Creates a React context for managing IC agent and authentication states, providing hooks for interacting with the IC blockchain.
+ * This function initializes an `AgentContext` with a set of utilities and hooks based on the provided agent configuration.
+ *
+ * @param config A partial configuration object {@link CreateAgentCotextParameters}, allowing customization of the agent's behavior.
+ *
+ * @returns
+ * An object containing the {@link AgentProvider} component and various hooks for interacting with the agent and authentication state.
+ * The {@link AgentProvider} component is a React context provider that should wrap your app or components needing access to agent functionalities.
+ *
+ * Usage:
+ * - {@link AgentProvider}: React component to provide agent context to your application.
+ * - {@link useAgent}, {@link useAuth}, {@link useAuthState},
+ *   {@link useAgentState}, {@link useAgentManager}, {@link useUserPrincipal}:
+ *  Hooks extracted from the created context for managing agent and authentication state within components.
+ *
+ * @example
+ * ```tsx
+ * // agent.ts
+ * import { createAgentContext } from "@ic-reactor/react";
+ * import { CreateAgentCotextParameters } from "@ic-reactor/react/dist/types";
+ *
+ * // Optional: Define custom agent configuration
+ * const agentConfig: CreateAgentCotextParameters = {
+ *   host: "https://localhost:8000",
+ *   // or
+ *   // withLocalEnv: true,
+ *   // port: 8000,
+ * };
+ *
+ * export const {
+ *   AgentProvider,
+ *   useAgent,
+ *   useAuth,
+ *   useAuthState,
+ *   useAgentState,
+ *   useAgentManager,
+ *   useUserPrincipal,
+ * } = createAgentContext(agentConfig);
+ *```
+ * Now you can use the returned hooks in your React components
+ *
+ * ```tsx
+ * // App.tsx
+ * import React from 'react';
+ * import { AgentProvider } from './agent';
+ *
+ * const App = () => (
+ *   <AgentProvider>
+ *     <Login />
+ *     <YourActor />
+ *   </AgentProvider>
+ * );
+ *
+ * const Login = () => {
+ *  const { login } = useAuth()
+ *  const principal = useUserPrincipal()
+ *
+ *  return (
+ *    <div>
+ *      <button onClick={() => login()}>Login</button>
+ *      <p>User: {principal?.toText()}</p>
+ *    </div>
+ *  )
+ * };
+ *
+ * ```
+ *
+ * This setup allows you to use the agent and authentication hooks within
+ * the components wrapped by {@link AgentProvider}, facilitating interaction
+ * with the Internet Computer blockchain.
+ */
+export declare function createAgentContext(config?: CreateAgentCotextParameters): CreateAgentContextReturnType;

package/dist/context/agent/create.js

@@ -0,0 +1,112 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAgentContext = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("@ic-reactor/core");
+const agentHooks_1 = require("../../helpers/agentHooks");
+const authHooks_1 = require("../../helpers/authHooks");
+const extractAgentContext_1 = require("../../helpers/extractAgentContext");
+/**
+ * Creates a React context for managing IC agent and authentication states, providing hooks for interacting with the IC blockchain.
+ * This function initializes an `AgentContext` with a set of utilities and hooks based on the provided agent configuration.
+ *
+ * @param config A partial configuration object {@link CreateAgentCotextParameters}, allowing customization of the agent's behavior.
+ *
+ * @returns
+ * An object containing the {@link AgentProvider} component and various hooks for interacting with the agent and authentication state.
+ * The {@link AgentProvider} component is a React context provider that should wrap your app or components needing access to agent functionalities.
+ *
+ * Usage:
+ * - {@link AgentProvider}: React component to provide agent context to your application.
+ * - {@link useAgent}, {@link useAuth}, {@link useAuthState},
+ *   {@link useAgentState}, {@link useAgentManager}, {@link useUserPrincipal}:
+ *  Hooks extracted from the created context for managing agent and authentication state within components.
+ *
+ * @example
+ * ```tsx
+ * // agent.ts
+ * import { createAgentContext } from "@ic-reactor/react";
+ * import { CreateAgentCotextParameters } from "@ic-reactor/react/dist/types";
+ *
+ * // Optional: Define custom agent configuration
+ * const agentConfig: CreateAgentCotextParameters = {
+ *   host: "https://localhost:8000",
+ *   // or
+ *   // withLocalEnv: true,
+ *   // port: 8000,
+ * };
+ *
+ * export const {
+ *   AgentProvider,
+ *   useAgent,
+ *   useAuth,
+ *   useAuthState,
+ *   useAgentState,
+ *   useAgentManager,
+ *   useUserPrincipal,
+ * } = createAgentContext(agentConfig);
+ *```
+ * Now you can use the returned hooks in your React components
+ *
+ * ```tsx
+ * // App.tsx
+ * import React from 'react';
+ * import { AgentProvider } from './agent';
+ *
+ * const App = () => (
+ *   <AgentProvider>
+ *     <Login />
+ *     <YourActor />
+ *   </AgentProvider>
+ * );
+ *
+ * const Login = () => {
+ *  const { login } = useAuth()
+ *  const principal = useUserPrincipal()
+ *
+ *  return (
+ *    <div>
+ *      <button onClick={() => login()}>Login</button>
+ *      <p>User: {principal?.toText()}</p>
+ *    </div>
+ *  )
+ * };
+ *
+ * ```
+ *
+ * This setup allows you to use the agent and authentication hooks within
+ * the components wrapped by {@link AgentProvider}, facilitating interaction
+ * with the Internet Computer blockchain.
+ */
+function createAgentContext(config = {}) {
+    const { disableAuthenticateOnMount: defaultDisable } = config, contextOptions = __rest(config, ["disableAuthenticateOnMount"]);
+    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 hooks = react_1.default.useMemo(() => {
+            const agentManager = mybeAgentManager !== null && mybeAgentManager !== void 0 ? mybeAgentManager : (0, core_1.createAgentManager)(Object.assign(Object.assign({}, 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 (react_1.default.createElement(AgentContext.Provider, { value: hooks }, children));
+    };
+    AgentProvider.displayName = "AgentProvider";
+    return Object.assign({ AgentProvider }, (0, extractAgentContext_1.extractAgentContext)(AgentContext));
+}
+exports.createAgentContext = createAgentContext;

package/dist/{hooks/agent → context/agent/hooks}/useAgent.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAgent = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the current agent instance.
  *
@@ -18,4 +15,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  *  }
  *```
  */
-exports.useAgent = hooks_1.default.useAgent;
+exports.useAgent = __1.AgentHooks.useAgent;

package/dist/{hooks/agent → context/agent/hooks}/useAgentManager.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAgentManager = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the `AgentManager` instance for managing agent configurations and state.
  *
@@ -18,4 +15,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  *  }
  *```
  */
-exports.useAgentManager = hooks_1.default.useAgentManager;
+exports.useAgentManager = __1.AgentHooks.useAgentManager;

package/dist/{hooks/agent → context/agent/hooks}/useAgentState.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAgentState = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the current state of the agent.
  *
@@ -25,4 +22,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  * }
  * ```
  */
-exports.useAgentState = hooks_1.default.useAgentState;
+exports.useAgentState = __1.AgentHooks.useAgentState;

package/dist/{hooks/agent → 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 | undefined) => import("../../../types").UseAuthReturnType;

package/dist/{hooks/agent → context/agent/hooks}/useAuth.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAuth = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * `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.
@@ -61,4 +58,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  *
  * This hook simplifies integrating authentication flows into your IC application, providing hooks for various stages of the authentication process.
  */
-exports.useAuth = hooks_1.default.useAuth;
+exports.useAuth = __1.AgentHooks.useAuth;

package/dist/{hooks/agent → context/agent/hooks}/useAuthState.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAuthState = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the current authentication state.
  *
@@ -23,4 +20,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  * }
  * ```
  */
-exports.useAuthState = hooks_1.default.useAuthState;
+exports.useAuthState = __1.AgentHooks.useAuthState;

package/dist/{hooks/agent → context/agent/hooks}/useUserPrincipal.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUserPrincipal = void 0;
-const hooks_1 = __importDefault(require("./hooks"));
+const __1 = require("..");
 /**
  * Accesses the user's principal.
  *
@@ -21,4 +18,4 @@ const hooks_1 = __importDefault(require("./hooks"));
  * }
  * ```
  */
-exports.useUserPrincipal = hooks_1.default.useUserPrincipal;
+exports.useUserPrincipal = __1.AgentHooks.useUserPrincipal;

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

@@ -1,74 +1,11 @@
-import type { CreateAgentContextReturnType, CreateAgentCotextParameters } from "./types";
-/**
- * Creates a React context for managing IC agent and authentication states, providing hooks for interacting with the IC blockchain.
- * This function initializes an `AgentContext` with a set of utilities and hooks based on the provided agent configuration.
- *
- * @param config A partial configuration object {@link CreateAgentCotextParameters}, allowing customization of the agent's behavior.
- *
- * @returns
- * An object containing the {@link AgentProvider} component and various hooks for interacting with the agent and authentication state.
- * The {@link AgentProvider} component is a React context provider that should wrap your app or components needing access to agent functionalities.
- *
- * Usage:
- * - {@link AgentProvider}: React component to provide agent context to your application.
- * - {@link useAgent}, {@link useAuth}, {@link useAuthState},
- *   {@link useAgentState}, {@link useAgentManager}, {@link useUserPrincipal}:
- *  Hooks extracted from the created context for managing agent and authentication state within components.
- *
- * @example
- * ```tsx
- * // agent.ts
- * import { createAgentContext } from "@ic-reactor/react";
- * import { CreateAgentCotextParameters } from "@ic-reactor/react/dist/types";
- *
- * // Optional: Define custom agent configuration
- * const agentConfig: CreateAgentCotextParameters = {
- *   host: "https://localhost:8000",
- *   // or
- *   // withLocalEnv: true,
- *   // port: 8000,
- * };
- *
- * export const {
- *   AgentProvider,
- *   useAgent,
- *   useAuth,
- *   useAuthState,
- *   useAgentState,
- *   useAgentManager,
- *   useUserPrincipal,
- * } = createAgentContext(agentConfig);
- *```
- * Now you can use the returned hooks in your React components
- *
- * ```tsx
- * // App.tsx
- * import React from 'react';
- * import { AgentProvider } from './agent';
- *
- * const App = () => (
- *   <AgentProvider>
- *     <Login />
- *     <YourActor />
- *   </AgentProvider>
- * );
- *
- * const Login = () => {
- *  const { login } = useAuth()
- *  const principal = useUserPrincipal()
- *
- *  return (
- *    <div>
- *      <button onClick={() => login()}>Login</button>
- *      <p>User: {principal?.toText()}</p>
- *    </div>
- *  )
- * };
- *
- * ```
- *
- * This setup allows you to use the agent and authentication hooks within
- * the components wrapped by {@link AgentProvider}, facilitating interaction
- * with the Internet Computer blockchain.
- */
-export declare const createAgentContext: (config?: CreateAgentCotextParameters) => CreateAgentContextReturnType;
+import { createAgentContext } from "./create";
+export { createAgentContext };
+/** @ignore */
+export declare const AgentHooks: import("./types").CreateAgentContextReturnType;
+export * from "./provider";
+export * from "./hooks/useAgent";
+export * from "./hooks/useAgentState";
+export * from "./hooks/useAgentManager";
+export * from "./hooks/useAuth";
+export * from "./hooks/useAuthState";
+export * from "./hooks/useUserPrincipal";