@ic-reactor/react 1.8.0 → 1.8.2

package/dist/context/actor/create.js

@@ -82,7 +82,7 @@ function createActorContext(contextConfig = {}) {
     const { canisterId: defaultCanisterId } = contextConfig, defaultConfig = __rest(contextConfig, ["canisterId"]);
     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, "Fetching canister..."), authenticatingComponent = react_1.default.createElement("div", null, "Authenticating...") } = _a, restConfig = __rest(_a, ["children", "fetchingComponent", "canisterId", "errorComponent", "loadingComponent", "authenticatingComponent"]);
+        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"]);
         if (!canisterId) {
             throw new Error("canisterId is required");
         }
@@ -91,15 +91,19 @@ function createActorContext(contextConfig = {}) {
         const useInitializeActor = react_1.default.useCallback(() => {
             return initializeActor;
         }, [initializeActor]);
+        const ActorChildren = ({ useActorState }) => {
+            const { initializing, initialized, error } = useActorState();
+            return initializing
+                ? loadingComponent
+                : initialized
+                    ? children
+                    : error
+                        ? errorComponent(error.message)
+                        : null;
+        };
         return (react_1.default.createElement(ActorContext.Provider, { value: Object.assign(Object.assign({}, hooks), { useInitializeActor }) },
             fetchingComponent,
-            hooks === null
-                ? fetchError
-                    ? errorComponent(fetchError)
-                    : authenticating
-                        ? authenticatingComponent
-                        : loadingComponent
-                : children));
+            hooks === null ? (fetchError ? (errorComponent(fetchError)) : authenticating ? (authenticatingComponent) : (loadingComponent)) : (react_1.default.createElement(ActorChildren, { useActorState: hooks.useActorState }, children))));
     };
     ActorProvider.displayName = "ActorProvider";
     const ActorHookProvider = ({ hooks, children, }) => {

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

@@ -26,3 +26,6 @@ export interface CreateActorContextParameters extends Omit<ActorManagerParameter
     idlFactory?: IDL.InterfaceFactory;
     disableAutoFetch?: boolean;
 }
+export interface ActorChildrenProps extends React.PropsWithChildren {
+    useActorState: ActorHooksReturnType["useActorState"];
+}

package/dist/context/adapter/create.js

@@ -52,8 +52,6 @@ function createAdapterContext(config = {}) {
                 return candidAdapter.validateIDL(candidString);
             }
             catch (err) {
-                // eslint-disable-next-line no-console
-                console.error(err);
                 setState({
                     fetchError: `Error validating Candid definition, ${err}`,
                     fetching: false,
@@ -68,13 +66,15 @@ function createAdapterContext(config = {}) {
             try {
                 const definition = yield candidAdapter.dynamicEvalJs(candidString);
                 if (typeof (definition === null || definition === void 0 ? void 0 : definition.idlFactory) !== "function") {
-                    throw new Error("Error evaluating Candid definition");
+                    throw new Error("No Function found in Candid definition!");
                 }
+                setState({
+                    fetchError: null,
+                    fetching: false,
+                });
                 return definition.idlFactory;
             }
             catch (err) {
-                // eslint-disable-next-line no-console
-                console.error(err);
                 setState({
                     fetchError: `Error evaluating Candid definition, ${err}`,
                     fetching: false,

package/dist/hooks/types.d.ts

@@ -1,5 +1,6 @@
 import { IDL, ActorHooksReturnType, ActorManagerParameters, BaseActor, CanisterId } from "../types";
-export interface UseActorParameters extends Omit<ActorManagerParameters, "idlFactory" | "agentManager" | "canisterId"> {
+export type ActorReConfigParameters = Omit<ActorManagerParameters, "idlFactory" | "canisterId" | "agentManager">;
+export interface UseActorParameters extends ActorReConfigParameters {
     candidString?: string;
     canisterId: CanisterId;
     idlFactory?: IDL.InterfaceFactory;
@@ -12,4 +13,4 @@ export interface UseActorReturn<A = BaseActor> {
     authenticating: boolean;
     initializeActor: InitializeActor;
 }
-export type InitializeActor = (idlFactory: IDL.InterfaceFactory, actorReConfig?: UseActorParameters) => void;
+export type InitializeActor = (idlFactory: IDL.InterfaceFactory, actorReConfig?: ActorReConfigParameters) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "A React library for interacting with Internet Computer canisters",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -47,5 +47,5 @@
     "react": ">=16.8",
     "zustand": "4.5"
   },
-  "gitHead": "35908ed17cea4c78169b00b9c4707393381041e1"
+  "gitHead": "2f9795480903113c771e2d0dbbf4d7cb87a0591e"
 }