@selfcommunity/react-core 0.4.9-alpha.3 → 0.4.9-alpha.30

package/lib/cjs/constants/Routes.d.ts

@@ -32,6 +32,8 @@ export declare const RECOVER_ROUTE_NAME = "recover";
 export declare const CUSTOM_PAGES_ROUTE_NAME = "custom_pages";
 export declare const LEGAL_PAGES_ROUTE_NAME = "legal_pages";
 export declare const GROUP_ROUTE_NAME = "group";
+export declare const GROUP_MEMBERS_ROUTE_NAME = "group_members";
+export declare const GROUP_MESSAGES_ROUTE_NAME = "group_messages";
 export declare const GROUPS_ROUTE_NAME = "groups";
 /**
  * Default Routes

package/lib/cjs/constants/Routes.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultRoutes = exports.GROUPS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
+exports.defaultRoutes = exports.GROUPS_ROUTE_NAME = exports.GROUP_MESSAGES_ROUTE_NAME = exports.GROUP_MEMBERS_ROUTE_NAME = exports.GROUP_ROUTE_NAME = exports.LEGAL_PAGES_ROUTE_NAME = exports.CUSTOM_PAGES_ROUTE_NAME = exports.RECOVER_ROUTE_NAME = exports.SIGNUP_ROUTE_NAME = exports.SIGNIN_ROUTE_NAME = exports.INCUBATOR_ROUTE_NAME = exports.LOYALTY_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME = exports.USER_PROFILE_CATEGORIES_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_SENT_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_REQUESTS_ROUTE_NAME = exports.USER_PROFILE_CONNECTIONS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWERS_ROUTE_NAME = exports.USER_PROFILE_FOLLOWINGS_ROUTE_NAME = exports.USER_PRIVATE_MESSAGES_ROUTE_NAME = exports.USER_NOTIFICATIONS_ROUTE_NAME = exports.USER_PROFILE_SETTINGS_ROUTE_NAME = exports.USER_PROFILE_ROUTE_NAME = exports.CATEGORIES_LIST_ROUTE_NAME = exports.CATEGORY_TRENDING_FEED_ROUTE_NAME = exports.CATEGORY_ROUTE_NAME = exports.COMMENT_ROUTE_NAME = exports.STATUS_ROUTE_NAME = exports.DISCUSSION_ROUTE_NAME = exports.POST_ROUTE_NAME = exports.EXPLORE_ROUTE_NAME = exports.HOME_ROUTE_NAME = exports.ROUTER_OPTION = exports.PORTAL_OPTION = void 0;
 exports.PORTAL_OPTION = 'portal';
 exports.ROUTER_OPTION = 'router';
 /**
@@ -35,6 +35,8 @@ exports.RECOVER_ROUTE_NAME = 'recover';
 exports.CUSTOM_PAGES_ROUTE_NAME = 'custom_pages';
 exports.LEGAL_PAGES_ROUTE_NAME = 'legal_pages';
 exports.GROUP_ROUTE_NAME = 'group';
+exports.GROUP_MEMBERS_ROUTE_NAME = 'group_members';
+exports.GROUP_MESSAGES_ROUTE_NAME = 'group_messages';
 exports.GROUPS_ROUTE_NAME = 'groups';
 /**
  * Default Routes
@@ -70,5 +72,7 @@ exports.defaultRoutes = {
     [exports.CUSTOM_PAGES_ROUTE_NAME]: '/:id/:slug/',
     [exports.LEGAL_PAGES_ROUTE_NAME]: '/legal/:policy/',
     [exports.GROUP_ROUTE_NAME]: '/group/:id/:slug/',
+    [exports.GROUP_MEMBERS_ROUTE_NAME]: '/group/:id/:slug/members/',
+    [exports.GROUP_MESSAGES_ROUTE_NAME]: '/group/:id/:slug/messages/',
     [exports.GROUPS_ROUTE_NAME]: '/groups/',
 };

package/lib/cjs/hooks/useSCFetchGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCGroupType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 /**
@@ -16,6 +15,6 @@ export default function useSCFetchGroup({ id, group, cacheStrategy, }: {
     cacheStrategy?: CacheStrategies;
 }): {
     scGroup: SCGroupType;
-    setSCGroup: import("react").Dispatch<import("react").SetStateAction<SCGroupType>>;
+    setSCGroup: (group: SCGroupType) => void;
     error: string;
 };

package/lib/cjs/hooks/useSCFetchGroup.js

@@ -24,8 +24,13 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
     // CACHE
     const __groupCacheKey = (0, Cache_1.getGroupObjectCacheKey)(__groupId);
     const __group = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
-    const [scGroup, setSCGroup] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__groupCacheKey, __group) : null);
+    const [scGroup, setScGroup] = (0, react_1.useState)(cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? utils_1.LRUCache.get(__groupCacheKey, __group) : null);
     const [error, setError] = (0, react_1.useState)(null);
+    const setSCGroup = (group) => {
+        const _c = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
+        setScGroup(_c);
+        utils_1.LRUCache.set(__groupCacheKey, _c);
+    };
     /**
      * Memoized fetchTag
      */
@@ -49,9 +54,7 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
         if (__groupId && (!scGroup || (scGroup && __groupId !== scGroup.id))) {
             fetchGroup()
                 .then((obj) => {
-                const _c = authUserId ? obj : (0, utils_1.objectWithoutProperties)(obj, ['subscription_status']);
-                setSCGroup(_c);
-                utils_1.LRUCache.set(__groupCacheKey, _c);
+                setSCGroup(obj);
             })
                 .catch((err) => {
                 utils_1.LRUCache.delete(__groupCacheKey);
@@ -60,14 +63,12 @@ function useSCFetchGroup({ id = null, group = null, cacheStrategy = utils_1.Cach
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
             });
         }
-    }, [__groupId]);
+    }, [__groupId, authUserId]);
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
         if (group) {
-            const _c = authUserId ? group : (0, utils_1.objectWithoutProperties)(group, ['subscription_status']);
-            setSCGroup(_c);
-            utils_1.LRUCache.set(__groupCacheKey, _c);
+            setSCGroup(group);
         }
-    }, [group]);
+    }, [group, authUserId]);
     return { scGroup, setSCGroup, error };
 }
 exports.default = useSCFetchGroup;

package/lib/cjs/hooks/useSCFetchGroups.js

@@ -46,10 +46,10 @@ const useSCFetchGroups = (props) => {
     /**
      * Fetch groups
      */
-    const fetchGroups = (next = api_services_1.Endpoints.GetAllGroups.url()) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const fetchGroups = (next = api_services_1.Endpoints.GetUserGroups.url()) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         const response = yield api_services_1.http.request({
             url: next,
-            method: api_services_1.Endpoints.GetAllGroups.method,
+            method: api_services_1.Endpoints.GetUserGroups.method,
         });
         const data = response.data;
         if (data.next) {

package/lib/cjs/hooks/useSCSubscribedGroupsManager.d.ts

@@ -30,7 +30,7 @@ export default function useSCSubscribedGroupsManager(user?: SCUserType): {
     isLoading: (v: number | {
         id: number;
     }) => boolean;
-    subscribe: (group: SCGroupType) => Promise<any>;
+    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
     unsubscribe: (group: SCGroupType) => Promise<any>;
     subscriptionStatus: (group: SCGroupType) => string;
     refresh: () => void;

package/lib/cjs/hooks/useSCSubscribedGroupsManager.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const api_services_1 = require("@selfcommunity/api-services");
+const types_1 = require("@selfcommunity/types");
 const useSCCachingManager_1 = tslib_1.__importDefault(require("./useSCCachingManager"));
 const Errors_1 = require("../constants/Errors");
 const utils_1 = require("@selfcommunity/utils");
+const SCPreferencesProvider_1 = require("../components/provider/SCPreferencesProvider");
 /**
  :::info
  This custom hook is used to manage the groups followed.
@@ -22,7 +24,9 @@ const utils_1 = require("@selfcommunity/utils");
  */
 function useSCSubscribedGroupsManager(user) {
     const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = (0, useSCCachingManager_1.default)();
+    const scPreferencesContext = (0, SCPreferencesProvider_1.useSCPreferences)();
     const authUserId = user ? user.id : null;
+    const groupsDisabled = scPreferencesContext.features && !scPreferencesContext.features.includes(types_1.SCFeatureName.GROUPING);
     /**
      * Memoized refresh all groups
      * It makes a single request to the server and retrieves
@@ -42,7 +46,7 @@ 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);
                 return Promise.resolve(res.data);
@@ -57,45 +61,66 @@ function useSCSubscribedGroupsManager(user) {
      * Memoized subscribe Group
      * Toggle action
      */
-    const subscribe = (0, react_1.useMemo)(() => (group) => {
+    const subscribe = (0, react_1.useMemo)(() => (group, userId) => {
         setLoading(group.id);
-        return api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
-            method: api_services_1.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 api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.InviteOrAcceptGroupRequest.url({ id: group.id }),
+                method: api_services_1.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, types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
+        else {
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.SubscribeToGroup.url({ id: group.id }),
+                method: api_services_1.Endpoints.SubscribeToGroup.method,
+            })
+                .then((res) => {
+                if (res.status >= 300) {
+                    return Promise.reject(res);
+                }
+                updateCache([group.id]);
+                setData((prev) => getDataUpdated(prev, group.id, group.privacy === types_1.SCGroupPrivacyType.PRIVATE && group.subscription_status !== types_1.SCGroupSubscriptionStatusType.INVITED
+                    ? types_1.SCGroupSubscriptionStatusType.REQUESTED
+                    : types_1.SCGroupSubscriptionStatusType.SUBSCRIBED));
+                setUnLoading(group.id);
+                return Promise.resolve(res.data);
+            });
+        }
     }, [data, loading, cache]);
     /**
      * Memoized subscribe Group
      * Toggle action
      */
     const unsubscribe = (0, react_1.useMemo)(() => (group) => {
-        setLoading(group.id);
-        return api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
-            method: api_services_1.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 !== types_1.SCGroupSubscriptionStatusType.REQUESTED) {
+            setLoading(group.id);
+            return api_services_1.http
+                .request({
+                url: api_services_1.Endpoints.UnsubscribeFromGroup.url({ id: group.id }),
+                method: api_services_1.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
@@ -190,7 +215,7 @@ 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/cjs/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
      */

package/lib/esm/constants/Routes.d.ts

@@ -32,6 +32,8 @@ export declare const RECOVER_ROUTE_NAME = "recover";
 export declare const CUSTOM_PAGES_ROUTE_NAME = "custom_pages";
 export declare const LEGAL_PAGES_ROUTE_NAME = "legal_pages";
 export declare const GROUP_ROUTE_NAME = "group";
+export declare const GROUP_MEMBERS_ROUTE_NAME = "group_members";
+export declare const GROUP_MESSAGES_ROUTE_NAME = "group_messages";
 export declare const GROUPS_ROUTE_NAME = "groups";
 /**
  * Default Routes

package/lib/esm/constants/Routes.js

@@ -32,6 +32,8 @@ export const RECOVER_ROUTE_NAME = 'recover';
 export const CUSTOM_PAGES_ROUTE_NAME = 'custom_pages';
 export const LEGAL_PAGES_ROUTE_NAME = 'legal_pages';
 export const GROUP_ROUTE_NAME = 'group';
+export const GROUP_MEMBERS_ROUTE_NAME = 'group_members';
+export const GROUP_MESSAGES_ROUTE_NAME = 'group_messages';
 export const GROUPS_ROUTE_NAME = 'groups';
 /**
  * Default Routes
@@ -67,5 +69,7 @@ export const defaultRoutes = {
     [CUSTOM_PAGES_ROUTE_NAME]: '/:id/:slug/',
     [LEGAL_PAGES_ROUTE_NAME]: '/legal/:policy/',
     [GROUP_ROUTE_NAME]: '/group/:id/:slug/',
+    [GROUP_MEMBERS_ROUTE_NAME]: '/group/:id/:slug/members/',
+    [GROUP_MESSAGES_ROUTE_NAME]: '/group/:id/:slug/messages/',
     [GROUPS_ROUTE_NAME]: '/groups/',
 };

package/lib/esm/hooks/useSCFetchGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCGroupType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 /**
@@ -16,6 +15,6 @@ export default function useSCFetchGroup({ id, group, cacheStrategy, }: {
     cacheStrategy?: CacheStrategies;
 }): {
     scGroup: SCGroupType;
-    setSCGroup: import("react").Dispatch<import("react").SetStateAction<SCGroupType>>;
+    setSCGroup: (group: SCGroupType) => void;
     error: string;
 };

package/lib/esm/hooks/useSCFetchGroup.js

@@ -22,8 +22,13 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
     // CACHE
     const __groupCacheKey = getGroupObjectCacheKey(__groupId);
     const __group = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
-    const [scGroup, setSCGroup] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__groupCacheKey, __group) : null);
+    const [scGroup, setScGroup] = useState(cacheStrategy !== CacheStrategies.NETWORK_ONLY ? LRUCache.get(__groupCacheKey, __group) : null);
     const [error, setError] = useState(null);
+    const setSCGroup = (group) => {
+        const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
+        setScGroup(_c);
+        LRUCache.set(__groupCacheKey, _c);
+    };
     /**
      * Memoized fetchTag
      */
@@ -47,9 +52,7 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
         if (__groupId && (!scGroup || (scGroup && __groupId !== scGroup.id))) {
             fetchGroup()
                 .then((obj) => {
-                const _c = authUserId ? obj : objectWithoutProperties(obj, ['subscription_status']);
-                setSCGroup(_c);
-                LRUCache.set(__groupCacheKey, _c);
+                setSCGroup(obj);
             })
                 .catch((err) => {
                 LRUCache.delete(__groupCacheKey);
@@ -58,13 +61,11 @@ export default function useSCFetchGroup({ id = null, group = null, cacheStrategy
                 Logger.error(SCOPE_SC_CORE, err.message);
             });
         }
-    }, [__groupId]);
+    }, [__groupId, authUserId]);
     useDeepCompareEffectNoCheck(() => {
         if (group) {
-            const _c = authUserId ? group : objectWithoutProperties(group, ['subscription_status']);
-            setSCGroup(_c);
-            LRUCache.set(__groupCacheKey, _c);
+            setSCGroup(group);
         }
-    }, [group]);
+    }, [group, authUserId]);
     return { scGroup, setSCGroup, error };
 }

package/lib/esm/hooks/useSCFetchGroups.js

@@ -44,10 +44,10 @@ const useSCFetchGroups = (props) => {
     /**
      * Fetch groups
      */
-    const fetchGroups = (next = Endpoints.GetAllGroups.url()) => __awaiter(void 0, void 0, void 0, function* () {
+    const fetchGroups = (next = Endpoints.GetUserGroups.url()) => __awaiter(void 0, void 0, void 0, function* () {
         const response = yield http.request({
             url: next,
-            method: Endpoints.GetAllGroups.method,
+            method: Endpoints.GetUserGroups.method,
         });
         const data = response.data;
         if (data.next) {

package/lib/esm/hooks/useSCSubscribedGroupsManager.d.ts

@@ -30,7 +30,7 @@ export default function useSCSubscribedGroupsManager(user?: SCUserType): {
     isLoading: (v: number | {
         id: number;
     }) => boolean;
-    subscribe: (group: SCGroupType) => Promise<any>;
+    subscribe: (group: SCGroupType, userId?: number) => Promise<any>;
     unsubscribe: (group: SCGroupType) => Promise<any>;
     subscriptionStatus: (group: SCGroupType) => string;
     refresh: () => void;

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,7 +43,7 @@ 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);
                 return Promise.resolve(res.data);
@@ -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
@@ -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
      */