@selfcommunity/react-core 0.4.9-alpha.4 → 0.4.9-alpha.41

package/lib/esm/hooks/useSCSubscribedGroupsManager.js

@@ -1,8 +1,10 @@
 import { useEffect, useMemo } from 'react';
-import { http, Endpoints } from '@selfcommunity/api-services';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { SCFeatureName, SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import useSCCachingManager from './useSCCachingManager';
 import { SCOPE_SC_CORE } from '../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
+import { useSCPreferences } from '../components/provider/SCPreferencesProvider';
 /**
  :::info
  This custom hook is used to manage the groups followed.
@@ -19,7 +21,9 @@ import { Logger } from '@selfcommunity/utils';
  */
 export default function useSCSubscribedGroupsManager(user) {
     const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = useSCCachingManager();
+    const scPreferencesContext = useSCPreferences();
     const authUserId = user ? user.id : null;
+    const groupsDisabled = scPreferencesContext.features && !scPreferencesContext.features.includes(SCFeatureName.GROUPING);
     /**
      * Memoized refresh all groups
      * It makes a single request to the server and retrieves
@@ -39,9 +43,9 @@ export default function useSCSubscribedGroupsManager(user) {
                 if (res.status >= 300) {
                     return Promise.reject(res);
                 }
-                const groupsIds = res.data.map((g) => g.id);
+                const groupsIds = res.data.results.map((g) => g.id);
                 updateCache(groupsIds);
-                setData(groupsIds);
+                setData(res.data.results.map((g) => ({ [g.id]: g.subscription_status })));
                 return Promise.resolve(res.data);
             })
                 .catch((e) => {
@@ -54,45 +58,66 @@ export default function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = useMemo(() => (group) => {
+    const subscribe = useMemo(() => (group, userId) => {
         setLoading(group.id);
-        return http
-            .request({
-            url: Endpoints.SubscribeToGroup.url({ id: group.id }),
-            method: Endpoints.SubscribeToGroup.method,
-        })
-            .then((res) => {
-            if (res.status >= 300) {
-                return Promise.reject(res);
-            }
-            updateCache([group.id]);
-            const isSubscribed = data.includes(group.id);
-            setData((prev) => (isSubscribed ? prev.filter((id) => id !== group.id) : [...[group.id], ...prev]));
-            setUnLoading(group.id);
-            return Promise.resolve(res.data);
-        });
+        if (userId) {
+            return http
+                .request({
+                url: Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
+                method: Endpoints.InviteOrAcceptGroupRequest.method,
+                data: { users: [userId] },
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            return http
+                .request({
+                url: Endpoints.SubscribeToGroup.url({ id: group.id }),
+                method: Endpoints.SubscribeToGroup.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, group.privacy === SCGroupPrivacyType.PRIVATE && group.subscription_status !== SCGroupSubscriptionStatusType.INVITED
+                    ? SCGroupSubscriptionStatusType.REQUESTED
+                    : SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = useMemo(() => (group) => {
-        setLoading(group.id);
-        return http
-            .request({
-            url: Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
-            method: Endpoints.UnsubscribeFromGroup.method,
-        })
-            .then((res) => {
-            if (res.status >= 300) {
-                return Promise.reject(res);
-            }
-            updateCache([group.id]);
-            const isSubscribed = data.includes(group.id);
-            setData((prev) => (isSubscribed ? prev.filter((id) => id !== group.id) : [...[group.id], ...prev]));
-            setUnLoading(group.id);
-            return Promise.resolve(res.data);
-        });
+        if (group.subscription_status !== SCGroupSubscriptionStatusType.REQUESTED) {
+            setLoading(group.id);
+            return http
+                .request({
+                url: Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
+                method: Endpoints.UnsubscribeFromGroup.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, null));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
     }, [data, loading, cache]);
     /**
      * Check the authenticated user subscription status to the group
@@ -178,7 +203,7 @@ export default function useSCSubscribedGroupsManager(user) {
             }
         }
         return null;
-    }, [data, loading, cache, authUserId]);
+    }, [loading, cache, authUserId]);
     /**
      * Empty cache on logout
      */
@@ -187,7 +212,7 @@ export default function useSCSubscribedGroupsManager(user) {
             emptyCache();
         }
     }, [authUserId]);
-    if (!user) {
+    if (groupsDisabled || !user) {
         return { groups: data, loading, isLoading };
     }
     return { groups: data, loading, isLoading, subscribe, unsubscribe, subscriptionStatus, refresh, emptyCache };

package/lib/esm/types/context.d.ts

@@ -265,7 +265,7 @@ export interface SCSubscribedGroupsManagerType {
     /**
      * Handle user subscription to a group
      */
-    subscribe?: (group: SCGroupType) => Promise<any>;
+    subscribe?: (group: SCGroupType, userId?: number) => Promise<any>;
     /**
      * Handle user unsubscription from a group
      */