@calimero-network/mero-react 4.1.1 → 4.2.0

package/dist/index.cjs

@@ -1369,6 +1369,49 @@ function useAsyncMutation() {
   );
   return { loading, error, run, setError };
 }
+function useAsyncResource(fetcher, initialValue, deps) {
+  const mountedRef = useMountedRef();
+  const [data, setData] = react.useState(initialValue);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const reqRef = react.useRef(0);
+  const fetcherRef = react.useRef(fetcher);
+  fetcherRef.current = fetcher;
+  const initialRef = react.useRef(initialValue);
+  const refetch = react.useCallback(async () => {
+    const seq = ++reqRef.current;
+    const fn = fetcherRef.current;
+    if (!fn) {
+      if (mountedRef.current && seq === reqRef.current) {
+        setData(initialRef.current);
+        setError(null);
+        setLoading(false);
+      }
+      return;
+    }
+    if (mountedRef.current) {
+      setLoading(true);
+      setError(null);
+    }
+    try {
+      const result = await fn();
+      if (mountedRef.current && seq === reqRef.current) setData(result);
+    } catch (err) {
+      if (mountedRef.current && seq === reqRef.current) setError(toError(err));
+    } finally {
+      if (mountedRef.current && seq === reqRef.current) setLoading(false);
+    }
+  }, deps);
+  react.useEffect(() => {
+    reqRef.current += 1;
+    setData(initialRef.current);
+    setError(null);
+  }, deps);
+  react.useEffect(() => {
+    void refetch();
+  }, [refetch]);
+  return { data, loading, error, refetch };
+}
 function sleep(ms) {
   return new Promise((resolve) => {
     setTimeout(resolve, ms);
@@ -1453,123 +1496,42 @@ function useSubscription(contextIds, callback) {
 }
 function useContexts(applicationId) {
   const { mero } = useMero();
-  const [contexts, setContexts] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero) return;
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero ? async () => {
       const response = applicationId ? await mero.admin.getContextsForApplication(applicationId) : await mero.admin.getContexts();
-      const list = mapApplicationContexts(response.contexts ?? []);
-      if (mountedRef.current) {
-        setContexts(list);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [mero, applicationId]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { contexts, loading, error, refetch };
+      return mapApplicationContexts(response.contexts ?? []);
+    } : null,
+    [],
+    [mero, applicationId]
+  );
+  return { contexts: data, loading, error, refetch };
 }
 function useApplicationContexts(applicationId) {
   return useContexts(applicationId);
 }
 function useGroupMembers(groupId) {
   const { mero } = useMero();
-  const [members, setMembers] = react.useState([]);
-  const [selfIdentity, setSelfIdentity] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setMembers([]);
-        setSelfIdentity(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const response = await mero.admin.listGroupMembers(groupId);
-      if (mountedRef.current) {
-        setMembers(response.members ?? []);
-        setSelfIdentity(response.selfIdentity ?? null);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { members, selfIdentity, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.listGroupMembers(groupId) : null,
+    null,
+    [mero, groupId]
+  );
+  return {
+    members: data?.members ?? [],
+    selfIdentity: data?.selfIdentity ?? null,
+    loading,
+    error,
+    refetch
+  };
 }
 function useGroupContexts(groupId) {
   const { mero } = useMero();
-  const [contexts, setContexts] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setContexts([]);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const nextContexts = await mero.admin.listGroupContexts(groupId);
-      if (mountedRef.current) {
-        setContexts(nextContexts);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { contexts, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.listGroupContexts(groupId) : null,
+    [],
+    [mero, groupId]
+  );
+  return { contexts: data, loading, error, refetch };
 }
 function useGroupInvitations() {
   const { mero } = useMero();
@@ -1605,9 +1567,11 @@ function useGroupCapabilities(groupId, memberId) {
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const mountedRef = useMountedRef();
+  const reqRef = react.useRef(0);
   const refetch = react.useCallback(async () => {
+    const seq = ++reqRef.current;
     if (!mero || !groupId || !memberId) {
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setCapabilitiesState(null);
         setError(null);
         setLoading(false);
@@ -1620,22 +1584,27 @@ function useGroupCapabilities(groupId, memberId) {
     }
     try {
       const response = await mero.admin.getMemberCapabilities(groupId, memberId);
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setCapabilitiesState(response.capabilities);
       }
       return response.capabilities;
     } catch (err) {
       const errorValue = toError(err);
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setError(errorValue);
       }
       return null;
     } finally {
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setLoading(false);
       }
     }
   }, [groupId, memberId, mero, mountedRef]);
+  react.useEffect(() => {
+    reqRef.current += 1;
+    setCapabilitiesState(null);
+    setError(null);
+  }, [groupId, memberId]);
   react.useEffect(() => {
     void refetch();
   }, [refetch]);
@@ -1815,83 +1784,21 @@ function useJoinSubgroupInheritance() {
 }
 function useContextGroup(contextId) {
   const { mero } = useMero();
-  const [groupId, setGroupId] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !contextId) {
-      if (mountedRef.current) {
-        setGroupId(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getContextGroup(contextId);
-      if (mountedRef.current) {
-        setGroupId(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [contextId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { groupId, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && contextId ? () => mero.admin.getContextGroup(contextId) : null,
+    null,
+    [mero, contextId]
+  );
+  return { groupId: data, loading, error, refetch };
 }
 function useGroupInfo(groupId) {
   const { mero } = useMero();
-  const [groupInfo, setGroupInfo] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setGroupInfo(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getGroupInfo(groupId);
-      if (mountedRef.current) {
-        setGroupInfo(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { groupInfo, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.getGroupInfo(groupId) : null,
+    null,
+    [mero, groupId]
+  );
+  return { groupInfo: data, loading, error, refetch };
 }
 function useDeleteGroup() {
   const { mero } = useMero();
@@ -1943,156 +1850,39 @@ function useRemoveGroupMembers() {
 }
 function useNamespaces() {
   const { mero } = useMero();
-  const [namespaces, setNamespaces] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero) return;
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.listNamespaces();
-      if (mountedRef.current) {
-        setNamespaces(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { namespaces, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero ? () => mero.admin.listNamespaces() : null,
+    [],
+    [mero]
+  );
+  return { namespaces: data, loading, error, refetch };
 }
 function useNamespace(namespaceId) {
   const { mero } = useMero();
-  const [namespace, setNamespace] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !namespaceId) {
-      if (mountedRef.current) {
-        setNamespace(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getNamespace(namespaceId);
-      if (mountedRef.current) {
-        setNamespace(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [namespaceId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { namespace, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && namespaceId ? () => mero.admin.getNamespace(namespaceId) : null,
+    null,
+    [mero, namespaceId]
+  );
+  return { namespace: data, loading, error, refetch };
 }
 function useNamespaceIdentity(namespaceId) {
   const { mero } = useMero();
-  const [identity, setIdentity] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !namespaceId) {
-      if (mountedRef.current) {
-        setIdentity(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getNamespaceIdentity(namespaceId);
-      if (mountedRef.current) {
-        setIdentity(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [namespaceId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { identity, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && namespaceId ? () => mero.admin.getNamespaceIdentity(namespaceId) : null,
+    null,
+    [mero, namespaceId]
+  );
+  return { identity: data, loading, error, refetch };
 }
 function useNamespacesForApplication(applicationId) {
   const { mero } = useMero();
-  const [namespaces, setNamespaces] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !applicationId) {
-      if (mountedRef.current) {
-        setNamespaces([]);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.listNamespacesForApplication(applicationId);
-      if (mountedRef.current) {
-        setNamespaces(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [applicationId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { namespaces, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && applicationId ? () => mero.admin.listNamespacesForApplication(applicationId) : null,
+    [],
+    [mero, applicationId]
+  );
+  return { namespaces: data, loading, error, refetch };
 }
 function useCreateNamespace() {
   const { mero } = useMero();
@@ -2156,43 +1946,12 @@ function useCreateGroupInNamespace() {
 }
 function useNamespaceGroups(namespaceId) {
   const { mero } = useMero();
-  const [groups, setGroups] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !namespaceId) {
-      if (mountedRef.current) {
-        setGroups([]);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.listNamespaceGroups(namespaceId);
-      if (mountedRef.current) {
-        setGroups(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [namespaceId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { groups, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && namespaceId ? () => mero.admin.listNamespaceGroups(namespaceId) : null,
+    [],
+    [mero, namespaceId]
+  );
+  return { groups: data, loading, error, refetch };
 }
 function useUpdateMemberRole() {
   const { mero } = useMero();
@@ -2232,83 +1991,21 @@ function useSetSubgroupVisibility() {
 }
 function useDefaultCapabilities(groupId) {
   const { mero } = useMero();
-  const [defaultCapabilities, setDefaultCapabilitiesState] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setDefaultCapabilitiesState(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getDefaultCapabilities(groupId);
-      if (mountedRef.current) {
-        setDefaultCapabilitiesState(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { defaultCapabilities, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.getDefaultCapabilities(groupId) : null,
+    null,
+    [mero, groupId]
+  );
+  return { defaultCapabilities: data, loading, error, refetch };
 }
 function useSubgroupVisibility(groupId) {
   const { mero } = useMero();
-  const [subgroupVisibility, setSubgroupVisibilityState] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setSubgroupVisibilityState(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getSubgroupVisibility(groupId);
-      if (mountedRef.current) {
-        setSubgroupVisibilityState(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { subgroupVisibility, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.getSubgroupVisibility(groupId) : null,
+    null,
+    [mero, groupId]
+  );
+  return { subgroupVisibility: data, loading, error, refetch };
 }
 function useSetTeeAdmissionPolicy() {
   const { mero } = useMero();
@@ -2372,43 +2069,12 @@ function useSetContextMetadata() {
 }
 function useGroupMetadata(groupId) {
   const { mero } = useMero();
-  const [metadata, setMetadata] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setMetadata(null);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.getGroupMetadata(groupId);
-      if (mountedRef.current) {
-        setMetadata(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { metadata, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.getGroupMetadata(groupId) : null,
+    null,
+    [mero, groupId]
+  );
+  return { metadata: data, loading, error, refetch };
 }
 function useMemberMetadata(groupId, identity) {
   const { mero } = useMero();
@@ -2562,43 +2228,12 @@ function useReparentGroup() {
 }
 function useSubgroups(groupId) {
   const { mero } = useMero();
-  const [subgroups, setSubgroups] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const mountedRef = useMountedRef();
-  const refetch = react.useCallback(async () => {
-    if (!mero || !groupId) {
-      if (mountedRef.current) {
-        setSubgroups([]);
-        setError(null);
-        setLoading(false);
-      }
-      return;
-    }
-    if (mountedRef.current) {
-      setLoading(true);
-      setError(null);
-    }
-    try {
-      const result = await mero.admin.listSubgroups(groupId);
-      if (mountedRef.current) {
-        setSubgroups(result);
-      }
-    } catch (err) {
-      const errorValue = toError(err);
-      if (mountedRef.current) {
-        setError(errorValue);
-      }
-    } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-      }
-    }
-  }, [groupId, mero, mountedRef]);
-  react.useEffect(() => {
-    void refetch();
-  }, [refetch]);
-  return { subgroups, loading, error, refetch };
+  const { data, loading, error, refetch } = useAsyncResource(
+    mero && groupId ? () => mero.admin.listSubgroups(groupId) : null,
+    [],
+    [mero, groupId]
+  );
+  return { subgroups: data, loading, error, refetch };
 }
 function useDetachContextFromGroup() {
   const { mero } = useMero();